/*
------------------------------------------------

EL ENTE CUIDA

Versión 1.0

Archivo:
responsive.css

------------------------------------------------
*/


/* ---------------- TABLETS ---------------- */

@media (max-width:992px){

body{

padding:35px;

}

.hero{

padding:55px;

}

h1{

font-size:58px;

}

.mensaje p{

font-size:19px;

}

.logo img{

width:170px;

}

}



/* ---------------- MÓVILES ---------------- */

@media (max-width:768px){

body{

padding:20px;

}

.hero{

padding:40px 30px;

border-radius:24px;

}

.logo img{

width:145px;

}

h1{

font-size:46px;

line-height:1.1;

margin-top:20px;

}

.eslogan{

font-size:12px;

letter-spacing:3px;

}

.mensaje{

margin-top:35px;

}

.mensaje p{

font-size:17px;

line-height:1.8;

}

.formulario{

margin-top:40px;

}

.formulario input{

padding:16px 18px;

font-size:16px;

}

.formulario button{

padding:16px;

font-size:16px;

}

.instagram{

margin-top:35px;

}

.instagram a{

width:100%;

padding:16px;

}

}



/* ---------------- MÓVILES PEQUEÑOS ---------------- */

@media (max-width:480px){

body{

padding:15px;

}

.hero{

padding:30px 22px;

}

.logo img{

width:120px;

}

h1{

font-size:38px;

}

.mensaje p{

font-size:16px;

}

}