/*RESPONSIVE PARA LA PAGINA DE LOGIN*/
@media only screen and (max-width : 900px) {
    #imagenLado {
        display:none;
    }

    #contenedor {
        border-radius:5px;
    }
   
}
/****************************************************/
/*RESPONSIVE PARA EL MENU PRINCIPAL*/
@media only screen and   (max-width : 1300px) {
    .contenido {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
       
    }

    .contedidoCarta {
        width: 400px;
        height: 200px;
       
    }
}
/****************************************************/

/****************************************************/
/*RESPONSIVE PARA EL MENU PRINCIPAL*/
@media only screen and  ( max-width : 900px) {
    .contenMenu {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .contenFooter {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    .logo {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .informacionContacto {
        display: flex;
        flex-direction: row;
        justify-content: center !important;
        align-items: center !important;
        gap: 100px;
        margin-bottom: 250px !important;
    }

    .contacto {
        display: flex;
        flex-direction: column;
    }

   

    .contenido {
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
    }

    .contedidoCarta {
        width: 400px;
        height: 200px;
    }
}

/**************************************************/
@media only screen and ( max-width : 800px) {
    .contenido {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }

    .informacionContacto {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }
}