@media only screen and (max-width: 1400px){
.caja{
	width: 40%;
	height: 600px;
	position: absolute;
	margin-top: 72%;
	margin-left: 55%;
	background-color: white;
	z-index: 9;
}
}
@media only screen and (max-width: 1400px){
.caja2{
	width: 40%;
	height: 600px;
	position: absolute;
	margin-top: 32%;
	margin-left: 8%;
	background-color: white;
	z-index: 9;
}

}
@media only screen and (max-width: 1400px){
	.logo{
	width: 30%;
}
}


@media only screen and (max-width: 1400px){
.logo2{
	width: 18%;
	margin: 0px auto;
	padding-top: 5%;
}

}
@media only screen and (max-width: 1400px){
.cajaredes{
	width: 45%;
	margin: 0px auto;
	display: flex;
	padding-top: 7%;
}

.caja-ql{
	width: 50%;
	height: 724px;
	position: absolute;
	margin-top: 51%;
	margin-left: 0%;
	background-color: #212121;
	z-index: 9;
}

.caja-q{
	margin-top: 47%;
	margin-left: 50%;

}

.section8-1{

	margin-top: 44%;
	margin-left: 0%;

}

.section8-2{

	margin-top: 45%;
	margin-left: 50%;

}

.section9-1{
	
	margin-top: 83%;
	margin-left: 50%;

}

.section9-2{

	margin-top: 100%;

}

.quienesredes{

	margin-top: 138%;

}

.caja-testtituloser{
	padding-top: 14%;
	
}

.texvis{
	padding-top: 23%;
	
}

.cajaserdec{
	width: 50%;
	height: 90px;
	position: absolute;
	margin-top: 55%;
	margin-left: 50%;
	background-color: white;
	z-index: 9;
}

.sept{
	display: none;
}
}


@media only screen and (max-width: 900px){
	.caja{
	width: 85%;
	height: 600px;
	position: absolute;
	margin-top: 150%;
	margin-left: 18%;
	background-color: white;
	z-index: 9;
}




.caja2{
	width: 65%;
	height: 600px;
	position: absolute;
	margin-top: 120%;
	margin-left: 18%;
	background-color: white;
	z-index: 9;
}

.text-cont{
	padding-top: 50%;
}

.cajaredes{
	width: 75%;
	margin: 0px auto;
	display: flex;
	padding-top: 7%;
}

	.logo{
	width: 50%;
	padding-top: 30%;
}

.text-tall{
	padding-top: 20%;
}
.contform{
	width: 90%;
	
}


.caja-q{
	width: 100%;
	height: 800px;
	position: absolute;
	margin-top: 37%;
	margin-left: 50%;
	z-index: 9;
	display: none;
}

.caja-ql{
display: none;
}

.section8-1{
	display: none;
}

.section9-1{
	display: none;
}

.section8-2{
	width: 100%;
	height: 600px;
	position: absolute;
	margin-top: 0%;
	margin-left: 0%;
	z-index: 9;
}

.section9-2{
width: 100%;
	height: 600px;
	position: absolute;
	margin-top: 40%;
	margin-left: 0%;
	z-index: 9;
}

.cajaserdec{
	display: none;
}

.section10{
	display: flex;
	flex-direction: column;
}

.section10-1{
	width: 100%;
}

.section10-2{
	width: 100%;
}

.section11{
	display: flex;
	flex-direction: column;
}

.section11-1{
	width: 100%;
}

.section11-2{
	width: 100%;
}
}


@media only screen and (max-width: 600px){
.logo5{
	width: 80%;
	padding-top: 30%;
}
	.caja{
	width: 65%;
	height: 600px;
	position: absolute;
	margin-top: 190%;
	margin-left: 18%;
	background-color: white;
	z-index: 9;
}




.caja2{
	width: 65%;
	height: 600px;
	position: absolute;
	margin-top: 120%;
	margin-left: 18%;
	background-color: white;
	z-index: 9;
}

.text-cont{
	padding-top: 50%;
}

.cajaredes{
	width: 75%;
	margin: 0px auto;
	display: flex;
	padding-top: 7%;
}

	.logo{
	width: 50%;
	padding-top: 30%;
}

.text-tall{
	padding-top: 20%;
}
.contform{
	width: 90%;
	
}


.caja-q{
	width: 100%;
	height: 800px;
	position: absolute;
	margin-top: 37%;
	margin-left: 50%;
	z-index: 9;
	display: none;
}

.caja-ql{
display: none;
}
.banner{
font-size: 10px;
}
.section8-1{
	display: none;
}

.section9-1{
	display: none;
}

.section8-2{
	width: 100%;
	height: 900px;
	position: absolute;
	margin-top: -13%;
	margin-left: 0%;
	z-index: 9;
	font-size: 10px;
}

.section9-2{
width: 100%;
	height: 600px;
	position: absolute;
	margin-top: 32%;
	margin-left: 0%;
	z-index: 9;
	font-size: 10px;
}

.cajaserdec{
	display: none;
}

.section10{
	display: flex;
	flex-direction: column;
}

.section10-1{
	width: 100%;
}

.section10-2{
	width: 100%;
}

.section11{
	display: flex;
	flex-direction: column;
}

.section11-1{
	width: 100%;
}

.section11-2{
	width: 100%;
}
}