@font-face {
  font-family: "Helvetica Neue LT Std Light";
  src: url(../../assests/fuente/HelveticaNeueLTStd-Lt.otf);
}

#becas {
	background-color: #000033;
	padding-bottom: 50px; 
}

#contenedor-titulo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0% 5%;

	display: -webkit-flex; /* Safari 6.1+ */
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;
}

#titulo-becas {
	padding: 3% 0%;
	width: 30%;
	border-right: solid 3px #FFFFFF;
}

#titulo-becas p {
	font-size: 50pt;
	color: #FFFFFF;
	font-family: "Helvetica Neue LT Std Light", sans-serif;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 4px;
	text-align:justify;
}

#descripcion-becas {
	padding: 3% 1%;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#descripcion-becas p{
	text-align: center;
	padding: 5%;
	font-size: 12pt;
	color: #FFFFFF;
	font-family: "Helvetica Neue LT Std Light", sans-serif;
	font-weight: lighter;
	line-height: 1.2;
}

#titulo-modalidades {
	width: 100%;
	padding: 50px 0px;
	margin-left: auto;
	margin-right: auto;
}

#modalidades {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	display: -webkit-flex; /* Safari 6.1+ */
	-webkit-justify-content: space-around;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;

	width: 90%;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.texto-titulo{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
}

.texto-titulo p {
	text-align: center;
	font-size: 20pt;
	color: #FFFFFF;
	font-family: "Helvetica Neue LT Std Light", sans-serif;
	font-weight: bold;
	line-height: 1.2;
}

.texto-cuerpo {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.texto-cuerpo p {
	text-align: center;
	font-size: 12pt;
	color: #FFFFFF;
	font-family: "Helvetica Neue LT Std Light", sans-serif;
	padding-top: 20px;
	font-weight: lighter;
	line-height: 1.2;
}

#modalidad-A {
	background-image: url("../images/f_acad.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
	width: 330px;
	z-index: 2;
}

#modalidad-B {
	background-image: url("../images/f_insti.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
	width: 330px;
	z-index: 2;
}

#modalidad-C {
	background-image: url("../images/f_fam.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 420px;
	width: 330px;
	z-index: 2;
}

#apoyo-blanco {
	background-color: #FFFFFF;
	height: 245px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

@media (max-width: 900px) {
	#titulo-becas {
		width: 40%;
	}

	#descripcion-becas {
		width: 60%;
	}	
}

@media (max-width: 767px) {
	#contenedor-titulo {
		padding: 15% 5%;
	}

	#descripcion-becas {
		width: 100%;
	}	
}

@media (max-width: 560px) {
	#titulo-becas {
		width: 60%;
	}
}

@media (max-width: 400px) {

	#contenedor-titulo {
		padding: 15% 0%;
	}

	#titulo-becas {
		width: 85%;
	}
}

@media (max-width: 331px) {
	#modalidad-A {
		width: 100%;
	}

	#modalidad-B {
		width: 100%;
	}

	#modalidad-C {
		width: 100%;
	}
}