/* cambia el tamaño del texto base del sitio web. Eliminar si no se quiere cambiar el tamaño base */

body{
    font-size:16px; 
}

/* Cambia los tamaños de los títulos en diferentes resoluciones de pantalla */
/* medium screen */
@media screen and (min-width: 40em) and (max-width: 61.9375em) 
{ 
    h1{font-size:2.5rem;} 
    h2{font-size:2.25rem;} 
    h3{font-size:1.4rem;} 
    h4{font-size:1.25rem;} 
} 

/* small screen */ 
@media screen and (max-width: 39.9375em)
{ 
    h1{font-size:2.2rem;} 
    h2{font-size:1.9rem;} 
    h3{font-size:1.3rem;} 
    h4{font-size:1.2rem;} 
}

/* Estilo para crear párrafos destacados de mayor tamaño */
.lead{
    font-size:125%;
}

/* Estilo para quitar los márgenes a algún elemento particular del sitio web */
.no-margin{
    margin:0;
}

.main-content a{
    text-decoration:underline;
}

/* Estilos para modificar la apariencia del footer */

.footer{
    font-size:15px;
}
.footer li a{
    color:#ffffff;
}
.footer li a:hover{
    text-decoration:underline;
}

/* Estilos para la barra de legales en el pie de página */

.legal{
    background:#0FA251;
    padding:15px 0;
    font-size:12px;
}
.legal a{
    color:#ffffff;
    text-decoration:underline;
}
.legal .zpelement{
    margin:0;
}

/* Estilos para los créditos de Resultero en el pie de página */

.resultero{
    background:#fff;
    color:#0c813b;
    padding:0;
    text-align:center;
}
.resultero .zpelement{
    margin:0;
    font-size:12px;
}
.resultero p{
    margin:15px 0;
    color:#707070;
}
.resultero a{
    color:#0FA251;
}

.resultero a:hover{
    color:#13698E;
    text-decoration:underline;
}

/* Botón de Whatsapp */

.whatsapp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 20;
}

.whatsapp img {
    width: 80px;
    height: 80px;
}