@media only screen and (max-device-width: 576px) {
    .alinear-izquierda, .alinear-derecha{
        text-align: center;
    }

    h1{
        font-size: 1.5rem !important;
        color: black;
    }

    .texto-h1{
        font-size: 1.5rem !important;
        color: black;
    }
    
    h2, .texto-h2{
        font-size: 1.4rem !important;
        color: black;
        text-transform: uppercase;
    }
    
    .encabezado_subcontenedor > .encabezado_texto > *, .encabezado_subcontenedor > .encabezado_texto > * > * {
        color: white !important;
    }
    
    h3, .texto-h3{
        font-size: 1.2rem !important;
        color: black;
        text-transform: initial;
        margin: 0;
    }
    
    p, span, b, div, td, i, .texto-base, #mensaje_comentario{
        font-size: 1rem !important;
        color: #777777 !important;
    }

    small{
        font-size: .9rem !important;
    }

    .text-descripcion-font{
        font-size: 1rem !important;
    }

    .btn, input, textarea {
        font-size: 1.2rem !important;
    }

    .h-100-custom{
        height: inherit !important;
    }

    .producto-imagen-mobile{
        background-position: center center; 
        background-repeat: no-repeat; 
        background-size: cover; 
        background-color: white; 
        height: 8rem;
        border-color: lightgray; 
        border-width: 0.05rem; 
        border-style: hidden; 
        border-radius: 0.2rem;
    }

    /************************************************************************/
    .encabezado_contenedor{
		width: 100%; 
        text-align:center;
        background-position: center;
        background-size: cover;
    }

    .encabezado_subcontenedor{
        background-color: rgba(22,39,82,.4);
    }

    .encabezado_texto{
        height: 100%;
        padding-top: .8rem !important;
    }

    .tamanno-texto-menu-dia,
    .tamanno-precio-menu-dia,
    .precio,
    .btn-tamanno,
    .detalle-sucursal
    {
        font-size: 1rem !important;
    }

    .cont-imagen-texto
    {
        font-size: .9rem !important;
    }

    .menu-dia-sub-title{
        font-size: .8rem !important;
    }

    .ventana-resumen{
        margin-left: auto;
    }

    .modal-content-js{
        width: 100% !important;
    }

    .centrado-mobile{
        text-align: center !important;
    }

    .limitar-texto {
        height: 3rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .font-footer{
        font-size: .8rem !important;
    }

    .menu_dia_sel_opc{
        font-size: 1rem !important;
        margin: 0 1rem;
    }

    .btn-opcion-menu{
        padding-top: 1.4rem !important;
    }

    .modal-content-js{
        top: 0rem;
        position: absolute !important;
    }

    #pedidoHora{
        font-size: 16px !important;
    }
}