@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 900px) {
.head {
	padding: 3% 0%;
		}
	.centrador{
	width: 93%;
		}
	.centrador2{
	width: 70%;
		}
	.centrador-banner{
		margin: auto;
		width: 60%;
		padding: 0;
		text-align: center;
		}
	#botonmenumovil{display:block;padding:2%;text-align:right;
margin-top:7%;}
	#botonmenumovil img{
	height: auto;
	width: 15%;
	}
	
	.menu{
		display: none;
	}
	
.logotipo{
		width: 30%;
	}
	.head-boton{
		width: 53%;
	}
	.banner{
width:100%;
}
	.banner-texto{
		margin: auto;
		float: inherit;
		width: 90%;
		text-align: center;
		padding-bottom: 20px;
}
	.banner-foto {
		float: inherit;
		width: 70%;
		margin: auto;
}
	.banner-foto img{
		width: 100%;
		height: auto;
}
	.conocenos{
		margin: auto;
}
	.texto{
		margin-top: 5%;
}
	.lista-servicios li{
		width: 15%;
}
	.vermas2{
		width: 40%;
		padding: 2%;
		margin: auto;
		}
 #medio-fotos-derecha{
		width: 90%;
	 padding: 0;
		}
	#medio-fotos-izq{
		width: 70%;
		float: inherit;
		}
	#medio-fotos-izq2{
		width: 40%;
		float: none;
			margin: auto;
	}
	#garantia-derecha img{
		width: 35%;
		}

	.contacto-contenido{
		width: 60%;
		padding: 10px;
		}

	.contacto{
		padding: 0px;
		}
	.banner-nosotros, .banner-servicios{
		background-position: top;
		}
	.banner-nosotros-contenido{
		width: 70%;
		padding: 50px 0px 50px 100px;
		}
		#medio-fotos-derecha{
		float: none;
		margin: auto;
		width:80%;
		}
	.servicios2 li{
		width:25%;
		}
	.medio-planes img{
		width:90%;
		height: auto;
		}
	.planes li{
		width:20%;
		}
	}
@media all and (max-width: 840px) {
	.mision li{
		width:40%;
		}
	}
	@media all and (max-width: 750px) {
	.vermas{
		width: 50%;
		}
	.pie {
		font-size: 13px;
		}
	.pie img{
		width: 20%;
		}
	.texto-contacto{
		font-size: 30px;
		line-height: 40px;
		padding: 100px 0px;
		}
	}
@media all and (max-width: 720px) {
.centrador-banner{
	width: 80%;
	}
	.texto{
	width: 100%;
		font-size: 28px;
		line-height: 33px;
	}
	h1{
		font-size: 35px;
	}
	
	.servicios li{
		width: 40%;
	}
	.lista-servicios li{
		width: 25%;
	}
	.descubre{
		width: 60%;
	}
	.seccion-servicios{
		font-size: 70px;
		line-height: 80px;
	}
	.proyectos li{
		width: 45%;
	}
	}
@media all and (max-width: 650px) {
		#galeria-inicio-izq, #galeria-inicio-derecho{
width:100%;
float:none;
}
	.head-boton{
width:85%;
		margin-top: 4%;
}
	.mision li{
		display: inline-table;
		width: 40%;
}
	.servicios2 li{
		
		width: 45%;
}
	}
@media all and (max-width: 600px) {
.seccion-servicios{
		font-size: 50px;
	line-height: 60px;
	}
	.planes li{
		margin: 1%;
		width: 60%;
		border-radius:20px;
	}
	    .lista-servicios li {
		width: 40%;
	}

	}
	@media all and (max-width: 500px) {
.banner h2{
	font-size: 30px;
	line-height: 40px;
	}
	.vermas2{
		width: 70%;
	}
	.vermas-asesoria{
		width: 100%;
	}
	#medio-fotos-derecha li img{
		width: 35%;
	}
	#medio-fotos-derecha li{
		width: 100%;
	}
	.contacto-contenido{
		width: 80%;
	}
	.banner-foto{
		float: none;
		width: 80%;
		margin: auto;
	}
	.banner-texto{
		float: none;
		width: 90%;
		margin: auto;
	}
	.logotipo{
		width: 35%;
	}
		.servicios li{
		width: 70%;
	}
		#medio-fotos-izq{
		width: 90%;
	}
	.conocenos{
		width: 60%;
	}
	}
@media all and (max-width: 400px) {
.seccion-servicios{
		font-size: 40px;
	line-height: 50px;
	}
	}