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

@media only screen and (min-width: 1px) and (max-width: 900px) {
	
	.slider-titulo {
/*		font-size: 8vw;*/
		font-size: 6vw;
	}
	
	.slider-subtitulo {
		width: auto;
/*		font-size: 4.5vw;*/
		font-size: 3.5vw;
		padding: 15px;
		margin-bottom: 30px;
	}
	
	.slider-btn {
		padding: 15px 20px;
	}
	
	.whatsapp {
		position: fixed;
		width: 45px;
		height: 45px;
		right: 10pX;
		bottom: 10px;
	}
	
}






@media only screen and (min-width: 1px) and (max-width: 850px) {
	
	.menu-responsive {
		display: block;
		width: 40px;
		height: 40px;
		float: right;
		margin: 15px 20px;
		margin-top: 35px;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	
	.menu-responsive-cerrar {
		display: block;
		width: 30px;
		height: 30px;
		float: right;
		margin: 20px 110px;
	}
	
	.menu {
		position: fixed;
		background-color: #03A;
		width: 250px;
		height: 100%;
		right: -250px;
		top: 0px;
		margin: 0px;
		z-index: 450;
	}
	
	#nav {
		margin-top: 20px;
		overflow: visible;
	}
	
	#aktivo {
		color: #CF0;
		border-bottom: #CF0 3px solid;
	}
	
	.catnav a {
		width: 230px;
		color: #FFF;
	}
	
}






@media only screen and (min-width: 1px) and (max-width: 750px) {
	
	.beneficios-img {
		width: 80%;
		min-height: 50px;
		margin: 0px 10%;
	}
	
	.beneficios-txt-main {
		width: 80%;
		height: auto;
		margin: 20px 10%;
	}
	
	.informacion {
		margin-bottom: 100px;
	}
	
	.informacion-img {
		width: 80%;
		height: auto;
		min-height: 50px;
		margin: 0px 10%;
	}
	
	.informacion-txt-main {
		width: 80%;
		height: auto;
		min-height: 50px;
		margin: 20px 10%;
	}
	
	.img-izquierda, 
	.img-derecha {
		float: left;
	}
	
	.niveles-img {
		width: 50%;
		height: auto;
		min-height: 50px;
		float: left;
		margin: 20px 25%;
	}
	
	.niveles-txt-main {
		width: 100%;
	}
	
	.contacto-img {
		width: 50%;
		height: auto;
		min-height: 50px;
		float: left;
		margin: 20px 25%;
	}
	
	.contacto-txt-main {
		width: 100%;
		margin-top: 10px;
	}
	
	.link-whatsapp {
		background-color: transparent;
		padding: 0px;
	}
	
	.txt-whatsapp {
		display: none;
	}
	
	.btn-whatsapp {
		width: 60px;
		height: 60px;
	}
	
}






@media only screen and (min-width: 1px) and (max-width: 650px) {
	
	.slider-subtitulo {
		margin-bottom: 30px;
	}
	
	.slider-btn {
		font-size: 3.5vw;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 450px) {
	
	.slider-titulo {
		font-size: 30px;
	}
	
	.slider-subtitulo {
		font-size: 20px;
	}
	
	.beneficios-img {
		width: 100%;
		margin: 0px;
	}
	
	.beneficios-txt-main {
		width: 100%;
		height: auto;
		margin: 20px 0px;
	}
	
	.informacion-img {
		width: 100%;
		height: auto;
		margin: 0px;
	}
	
	.informacion-txt-main {
		width: 100%;
		margin: 0px;
	}
	
	.niveles-txt {
		padding: 0px;
	}
	
	.niveles-info-columna {
		width: 80px;
		padding: 0px;
		margin-right: 0px;
	}
	
	.niveles-info-main {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}
	
	.niveles-info {
		padding: 0px 5px;
	}
	
	.niveles-txt {
		font-size: 1.1rem;
	}
	
}





@media only screen and (orientation: portrait) and (max-width: 900px)  {
	
	.background {
		height: 70%;
		object-position: 70% 50%;
	}
	
	.bg-slider {
		height: 70%;
	}
	
}