/* CSS Document */

@media (max-width:1133px) { /*menor de*/
	#astronauta{
		left:5px;
	}

}


@media (max-width:992px) { /*menor de*/
	.texto1 {
    	padding-left: 40px;
		width: 250px;
	} 
	.que {
    	padding-right: 40px;
	}
	
	.pantallas{
		top:-90px;
	}
	

	.titulo h1 {
		font-size: 9rem;
	}
	
	#palacio{
		margin-top: -100px !important;
	}
	
	#seccion3 h2 {
		font-size: 4rem;
	}
	
	.blanco, .verdeLima{
		font-size:3.8rem;
	}
	
	
	.cuadro1{
		margin-left:0;
		margin-right:0;
		padding-left: 35px;
		padding-right: 35px;
	}
	
		.mola {
    margin-top: 970px;
}
	
}


@media (max-width:767px) { /*menor de*/
	
	.titulo h1{
		font-size: 7rem;
		padding-top: 50px;
		
	}
	
	.titulo{
		background-size: 10%;
	}
	
	.mola {
    margin-top: 820px;
}
	
	#deco-morado{
		display: none;
	}
	
	
	#seccion1 .container {
    margin-top: 70px;
}
	
	.contenedor-flex{
		padding-top: 150px;
		padding-bottom: 100px;
	}
	
	.texto1 {
    	font-size: 0.8rem;
	}

	.que {
    	font-size:3rem;
		line-height: 3.2rem;
	}
	
	.descubre{
		font-size:1.1rem;
	}
	
	.pantallas{
		top:-90px;
	}
	

	
	#seccion3 h2 {
		font-size: 4rem;
	}
	
	.blanco, .verdeLima{
		font-size:3rem;
	}
	
}


@media (max-width:640px) { /*menor de*/
	#astronauta{
		display:none;
	}
}


@media (max-width:590px) { /*menor de*/
	
	.titulo h1 {
		font-size: 5rem;
	}
	
#palacio{
		margin-top: -85px !important;
	}	
}


@media (max-width:500px) { /*menor de*/
	
	
		.titulo h1 {
		font-size: 4.5rem;
	}
	
	#palacio{
		margin-top: -75px !important;
	}
	
	
	#sec11 h2 {
    font-size: 3rem;
		
	}
	
	
	.contenedor-flex{
		flex-direction: column;
		padding-top: 50px;;
	}
	
	.mola {
    margin-top: 520px;
}
	
	.que{
		margin-bottom: 50px;
	}
	.logo2{
		margin-bottom: 50px;
	}
	
	.texto1 {
    	font-size: 1rem;
		padding: 0;
	}
	
	.descubre{
		font-size:1.1rem;
	}
	

	
	#seccion3 {
		padding-top:60px;
	}
	
	#seccion3 h2 {
		font-size: 3rem;
	}
	
	.blanco, .verdeLima{
		font-size:2rem;
		line-height: 2rem;
	}
	
}


@media (max-width:403px) { /*menor de*/
	.vertical-line, .vertical-line2{
		height: 300px;
	}
	
	
	.blanco, .verdeLima{
		font-size:1.5rem;
		line-height: 2rem;
	}
	
	.cuadro1{
		padding: 5px;
		padding-top:25px;
		padding-bottom: 25px;
	}
	
	.txt1{
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	
	.txt2{
		font-size: 1rem;
		line-height: 1.1rem;
	}
	
	.paso .txt1 {
    font-size: 1.5rem;
}
	
		.paso .txt2 {
    font-size: 1rem;
}
	
	.paso ul {
    padding-left: 30px;
}
	
	.ulOpciones li {
		font-size: 0.8rem;	
	}
	
	.ulOpciones i{
		font-size:0.6rem;
		text-align: center;
	}
	
	
}