@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital@1&display=swap');

a, a:hover{
	text-decoration: none;
	cursor: pointer;
}

.imagen__principal{
	width: 100%;
	margin-top: 40px;
}

.imagen__secundaria{
	margin-left: 35%;
	margin-top: -36%;
	width: 30%;
}

.informacion{
	padding-top: 102px;
	padding-bottom: 138px;
}

.informacion__imagenes_arriba{
	margin-left: 10%;
	margin-top: 50px;
	margin-bottom: 80px;
}

.informacion__imagenes_abajo{
	margin-left: 18%;
	margin-bottom: 60px;
}


.informacion__texto{
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 18px;
	width: 50%;
	margin-left: 25%;
}

.informacion__texto_img{
	padding-top: 15px;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
}

#informacion__row{
	margin-left: 0px;
	margin-right: 0px;
}

.informacion__bloque{
	width: 23%;
	text-align: center;
	padding-left: 1%;
	padding-right: 1%;
}

.informacion__bloque--width{
	width: 28%;
}

.informacion__imagen{
	width: 60%;
}

.informacion__conoce{
	background-color: #DDDDDD;
	border-radius: 2em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	width: max-content;
}

.informacion__conocea, .informacion__conocea:hover{
	color: #000;
	font-family: 'Merriweather', serif;
	font-size: 12px;
}

#myMosaic{
	padding-bottom: 100px;
}

.video{
	margin-top: 400px;
	background-color: #E6A700;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

.video__qs{
	width: 30%;
}

.pie{
	background-color: #000;
	padding-top: 70px;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 70px;
}

.pie__flecha{
	margin-right: 2%;
	width: 2%;
}

.pie__lista{
	color: #fff;
}

.pie__listainfo{
	color: #fff;
	margin-top: 15px;
	font-family: 'Fira Sans Condensed', sans-serif;
}

.pie__aguila{
	width: 35%;
}

.pie__escudo{
	text-align: center;
	color: #fff;
}

.pie__direccion{
	width: 50%;
	margin-left: 25%;
	font-size: 14px;
	margin-bottom: 20px;
}

.pie__telefonos{
	width: 80%;
	margin-left: 10%;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Fira Sans', sans-serif;
}

.pie__siguenos{
	font-weight: bold;
	color: #fff;
}

.pie__redes{
	padding-left: 10%;
}

.pie__img{
	margin-top: 20px;
	width: 35%;
	padding-top: 5px;
}

.pie__img--width{
	width: 20%;
}

.pie__img--nopadding{
	padding-top: 0px;
}

.pie__img--padding{
	padding-top: 10px;
}

#last_section {
    height: 114px;
    background-color: #1A1A1A;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 2px solid #FF0000;
}

#last_section_logos_container {
    max-width: 65%;
    width: 65%;
    flex-wrap: wrap;
    text-align: center;
    display: flex;
    justify-content: space-around;
}

#last_section_logos_container img {
    height: 48px;
}

.modal-header{
	background-color: #E30521;
}

.modal-title{
	font-style: italic;
	color: #fff;
	font-weight: bold;
}

.close span{
	color: #fff;
}

.modal-body{
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 80px;
	font-family: 'Fira Sans Condensed', sans-serif;
}

.modal-body img{
	margin-top: 60px;
	width: 70%;
	margin-left: 15%;
}

@media(max-width: 1200px){
	.informacion__texto__img{
		font-size: 18px;
	}

	.informacion__imagenes_arriba{
		margin-left: 7%;
	}

	.informacion__imagenes_abajo{
		margin-left: 20%;
	}

	.informacion__texto_img{
		font-size: 20px;
	}
}

@media(max-width: 1500px){
	.video__qs{
		width: 40%;
	}
}

@media(max-width: 1100px){
	.informacion__bloque--width{
		width: 27%;
	}

	.informacion__imagenes_abajo{
		margin-left: 18%;
	}
}

@media(max-width: 1010px){
	.informacion__texto_img{
		font-size: 17px;
	}
}

@media (max-width:  1000px){

	.pie__img{
		width: 80%;
	}

	.pie__img--nopadding{
		width: 50%;
	}

	.pie__aguila{
		width: 50%;
	}
}

@media (max-width: 980px){
	.imagen__principal{
		margin-top: 0px;
	}
}

@media (max-width: 954px){
	.informacion__texto_img{
		font-size: 16px;
	}
}

@media (max-width: 896px){
	.informacion__texto_img{
		font-size: 15px;
	}
}


@media (max-width: 802px){
	.pie__aguila{
		width: 60%;
	}

	.informacion__imagen{
		width: 70%;
	}

	.informacion__texto_img{
		font-size: 18px;
	}
}
@media(max-width: 800px){
	.video__qs{
		width: 50%;
	}
}


@media (max-width:  768px){
    #last_section {
        height: auto;
        padding: 15px;
    }

    #last_section_logos_container {
        max-width: 100%;
        width: 100%;
    }

    #last_section_logos_container img {
        height: 48px;
        width: 64px;
        margin-bottom: 23px;
        object-fit: contain;
        margin-left: 7px;
        margin-right: 7px;
    }
}


@media (max-width: 700px){
	.informacion__imagen{
		width: 75%;
	}
}


@media (max-width: 689px){
	.pie__listainfo{
		font-size: 15px;
	}

	.pie__direccion{
		width: 80%;
		margin-left: 10%;
	}

	.pie__flecha{
		width: 5%;
	}
	.pie__img{
		width: 100%;
	}
	.pie__img--nopadding{
		width: 70%;
	}
}

@media (max-width: 650px){
	.imagen__secundaria{
		width: 35%;
		margin-left: 32%;
	}

	.informacion__bloque{
		width: 50%;
		margin-bottom: 70px;
	}

	.informacion__bloque--width{
		width: 50%;
	}

	.informacion__imagen{
		width: 60%;
	}

	.informacion__imagenes_arriba{
		margin-bottom: 0px;
	}

	.informacion__imagenes_abajo{
		margin-left: 7%;
	}
}

@media (max-width:  600px){

	.informacion__texto{
		width: 70%;
		margin-left: 15%;
	}

	.video__qs{
		width: 60%;
	}

	.pie__img{
		width: 130%;
	}
	.pie__img--nopadding{
		width: 80%;
	}
}

@media (max-width: 575px){
	.pie__lista{
		padding-left: 35%;
		margin-bottom: 30px;
	}

	.pie__escudo{
		margin-bottom: 30px;
	}

	.pie__aguila{
		width: 40%;
	}
	.pie__direccion{
		width: 60%;
		margin-left: 20%;
	}
	
	.pie__flecha{
		width: 3%;
	}

	.pie__img{
		width: 50%;
	}

	.pie__img--nopadding{
		width: 30%;
	}
}

@media (max-width: 508px){

	.imagen__principal{
		height: 250px;
	}

	.imagen__secundaria{
		width: 40%;
		margin-top: -62%;
		margin-left: 30%;
	}

	.informacion{
		padding-top: 50px;
	}

	.informacion__texto{
		width: 80%;
		margin-left: 10%;
	}

	.informacion__imagenes_abajo, .informacion__imagenes_arriba{
		margin-left: 0%;
	}

	.informacion__texto_img{
		font-size: 22px;
	}

	.pie__lista{
		padding-left: 33%;
	}

	.pie__img{
		width: 40%;
	}

	.pie__img--nopadding{
		width: 25%;
	}
}

@media (max-width: 450px){
	.imagen__secundaria{
		margin-top: -70%;
	}
}


@media (max-width:  423px){

	/*.informacion__bloque--width, .informacion__bloque{
		width: 100%;
	}*/
	.informacion__texto_img{
		font-size: 18px;
	}
	.informacion__conocea, .informacion__conocea:hover{
		font-size: 14px;
	}
	.pie__lista{
		padding-left: 27%;
	}
}

@media (max-width: 400px){
	.imagen__secundaria{
		width: 50%;
		margin-left: 25%;
		margin-top: -77%;
	}
	.video__qs{
		width: 75%;
	}
}

@media (max-width:  350px){
	.imagen__secundaria{
		margin-top: -92%;
	}
	.informacion__texto_img{
		font-size: 15px;
	}
}

@media (max-width:  320px){

	.informacion__texto_img{
		font-size: 13px;
	}
}

@media (max-width:  300px){
	.imagen__secundaria{
		margin-top: -110%;
	}
	.informacion__texto_img{
		font-size: 15px;
	}
}

@media only screen and (max-width: 768px) and (min-width: 300px)  {
	.pie {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}