body {background: linear-gradient(white,rgb(206, 206, 206), rgb(126, 126, 126));}

h1 {font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size: 150%; text-align: center;padding-bottom: 1.5%;color: rgb(111,130,192); margin-top: -5%;}

.h1Super {font-size: 720%;color: black;}

h2 {font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: bold; font-size: 150%; color: white;padding-bottom: 25%;text-align: center;}

.h2Super {font-size: 320%;color: black;line-height: 80%;}

.h2Izquierda {margin-right: 50%;}

.h2Derecha {margin-left: 50%;}

.recuadro {background-color:  rgb(111,130,192); border-radius: 5rem;display: inline-flex; margin-left: 8%; color: #a7a7a700;padding: 4.5%;margin-bottom: -14%;width: 25%;}

.recuadroDos {background-color: rgb(111,130,192); border-radius: 5rem;display: inline-flex; margin-left: 59%; color: #a7a7a700;padding: 3.5%;margin-bottom: -12%;width: 25%;}



h4 {margin-left: -5%;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 200%; font-weight: bold; padding-bottom:-30%; color:white}

section p {font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: bold; font-size: 120%; color:white}

a:hover{color: black; font-weight: bold; font-style: italic;}

a {font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 150%; 
    text-align: center; color: dimgray;font-weight: lighter; padding-bottom: 5%;text-decoration-line: none; color: dimgrey;}

footer h3 {font-family: sans-serif; font-weight: bold; color: rgb(44, 44, 44); text-align: center; padding: 1%; font-size: 100%;}

footer p {color: #a7a7a7; font-size: 90%; font-family: sans-serif; padding-bottom: 2%; padding-left: 5%; padding-right: 5% ;text-align: center; font-style: italic;}

footer {text-align: center;}

aside a {background:  rgb(111,130,192); border-radius: 50px; margin-left: 85%; padding: 2%;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: bold; color: white;padding-top: 10%;}

aside a:hover {font-style: italic;color: white;}




.flex {display: flex; gap: 10%; margin-top: 8%; margin-bottom: 8%; justify-content: space-around; padding: 2%; text-align: center; background:  rgb(111,130,192); padding-left: 1rem; padding-right: 1rem; border-radius: 40px;};



.ocampoLogo {filter: grayscale(10%); margin-left: 80%; padding: 5%; padding-bottom: 2%; padding-top: 5%;}


.imagenesDesc {width: 40%; margin-right: 3%;padding-top: -20%}

.imgTelefonoUno {width: 40%;justify-content: center;}

.divImagenUno {display: flex; justify-content: center;padding-bottom: 20%;}

.divImagenDos{display: flex; justify-content: right;margin-left:10%; width: 80%;margin-top: -46%;padding-bottom: 25%;}

.divImagenTres{display: flex; justify-content: left;margin-left:5%; width: 80%;margin-top: -46%;}

.divImagenLogo{display: flex; justify-content: left;margin-left:38%; margin-top: -5%;}

.imgLogo{width: 35%;}



@media (max-width: 650px) {nav {font-size: 60%; transition: .1s; text-align: center;} h1{font-size: 60%;}}
@media (max-width: 1600px) {aside{transition: .1s;font-size: 50%;}}
@media (max-width: 750px) {aside{transition: .1s;font-size: 35%;}}
@media (max-width: 600px) {aside{transition: .1s;font-size: 30%;}}
@media (max-width: 450px) {aside{transition: .1s;font-size: 20%;}}

@media (max-width: 1850px) {h2{transition:1s;font-size: 120%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1621px) {h2{transition:1s;font-size: 120%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1660px) {h2{transition:1s;font-size: 110%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1600px) {h2{transition:1s;font-size: 120%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1424px) {h2{transition:1s;font-size: 110%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1309px) {h2{transition:1s;font-size: 110%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1250px) {h2{transition:1s;font-size: 100%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 1193px) {h2{transition:1s;font-size: 80%;}.recuadroDos{margin-top: 8%;}}
@media (max-width: 900px) {h2{transition:1s;font-size: 70%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 961px) {h2{transition:1s;font-size: 70%;}.recuadroDos{margin-top: 6%;}}
@media (max-width: 845px) {h2{transition:1s;font-size: 60%;}.recuadroDos{margin-top: 15%;}}
@media (max-width: 700px) {h2{transition:1s;font-size: 40%;}.recuadroDos{margin-top: 10%;}}
@media (max-width: 600px) {h2{transition:1s;font-size: 40%;}.recuadroDos{margin-top: 0%;}}