<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width: 1020px) {
.blanco{
	min-width: 100%;}

.medio {
    width: 100%;
}
}
@media screen and (max-width: 1015px) {
.hs {
    height: auto;
    min-width: 100%;
    width: 100%;
}
.des {
    height: auto;
    width: 100%;
}
.texto1 {
    min-width: 80%;
    padding: 15px 10%;
}
.texto2 {
    width: 80%;
}
.izq, .der {
    margin-left: 2%;
    margin-right: 2%;
    width: 46%;
}
}

@media screen and (max-width: 900px) {
.mision {
    margin: 40px 0 0 20px;
}
.objetivos, .valores {
    margin: 0 0 20px;
    width: 80%;
}
.izq, .der {
    background: none;
}
}

@media screen and (max-width: 780px) {
.negro .medio, .azul .medio {
    background: none ;
}
.vision {
    margin: 41px 20px 20px 0;
}
.centrado {
    padding: 30px 0 20px;
}
.cent, .izq, .der {
    margin: 20px 5% 40px;
    width: 90%;
	padding: 0;
}
}

@media screen and (max-width: 500px) {
	.mision,.vision, .objetivos, .valores  {
    margin: 20px 5% 20px;
    width: 90%;
	padding: 0;
}
.objetivos &gt; span, .valores &gt; span {
    margin: 0 0 20px;
}
.centrado {
    margin: 30px 5% 0;
    width: 90%;
}
}</pre></body></html>