@media screen and (max-width:499px){
    .container {
        display: none;
    }
    .container-contenido{
        height: 59vh;
    }
    .container-footer{
        height: 30vh;
    }
    .encabezado {
        font-size: 14pt;
    }
    /* contenido */
    .logo {
        width: 60px;
    }
    .icono {
        width: 180px;
        padding: 2rem 0 1rem;
    }
    .parrafo {
        color: #047c90;
        font-size: 12pt;
    }
    /* footer */
    .footer-login {
        display: flex;
        flex-direction: column;
        padding: 1rem 0;
    }
    .footer-imagen {
        width: 9%;
        display: flex;
        width: 30%;
    }
    .footer-descripcion{
        width: 74%;
    }
    .logo-link {
        width: 2.3rem;
        margin-top: -2px;
    }
    .logo-certisur {
        padding-top: 0.5rem;
    }
    .footer-texto {
        font-size: 12px;
        font-family: Myriad-Regular;
    }
}
@media (min-width:500px) and (max-width:747px) {
    .container {
        display: none;
    }
    .container-contenido{
        height: 62vh;
    }
    .container-footer{
        height: 30vh;
    }
    .encabezado {
        font-size: 14pt;
    }
    /* contenido */
    .logo {
        width: 60px;
    }
    .icono {
        width: 180px;
        padding: 2rem 0 1rem;
    }
    .parrafo {
        color: #047c90;
        font-size: 12pt;
    }
    /* footer */
    .footer-login {
        display: flex;
        flex-direction: column;
        padding: 1rem 0;
    }
    .footer-imagen {
        width: 9%;
        display: flex;
        width: 30%;
    }
    .footer-descripcion{
        width: 72%;
    }
    .logo-link {
        width: 2.3rem;
        margin-top: -2px;
    }
    .logo-certisur {
        padding-top: 0.5rem;
    }
    .footer-texto {
        font-size: 12px;
        font-family: Myriad-Regular;
    }
}
@media (min-width:748px) and (max-width:991px) {
    .encabezado {
        font-size: 26pt;
    }
    .parrafo {
        font-size: 16pt;
    }
    .footer-imagen {
        width: 16%;
    }
    .footer-descripcion {
        width: 52%;
    }
}
@media screen and (min-width:748px){
    .background-header {
        display: none;
    }
}
@media (min-width:992px) and (max-width:1299px) {
    .footer-descripcion {
        width: 55%;
    }
    .footer-imagen {
        width: 12%;
    }
}
@media (min-width:1300px) and (max-width:1700px) {
    .footer-descripcion {
        width: 40%;
    }
    .footer-imagen {
        width: 9%;
    }
}