/* ==========================
   Estilos Responsivos - móviles (máx. 768px)
   Poder Judicial Yucatán (rescate UX)
   ========================== */

@media screen and (max-width: 768px) {

  /* =============================
     GENERAL
  ============================== */
    #page-container > nav.navbar.navbar-expand-sm.sticky-top.navbar-dark{
        top: 4.3rem !important;
    }

    #banner{
        height: 17rem !important;
    }

    #banner > .content-bg{
        background-position: right;
        height: 17rem !important;
    }
   
    #banner > .container.home-content > .row.col-lg{
        margin-left: auto;
        margin-right: auto;
    }

    #marco_legal.content.bg-silver-lighter{
        padding: 2rem .9375rem 1rem !important;
    }

    #marco_legal > .container.fadeInDown.contentAnimated.finishAnimated
    {
        padding: 0rem 1rem 1rem !important;
    }

    #marco_legal > .container.fadeInDown.contentAnimated.finishAnimated > .container{
        margin-top: -4rem;
    }

    #preambulo.content.bg-silver-lighter{
        padding: 2.5rem .9375rem 4.6875rem !important;
    }

    #contacto.content.bg-silver-lighter{
        padding: 2.5rem .9375rem 4.6875rem !important;
    }

    #contacto.content.bg-silver-lighter > .container.fadeInDown.contentAnimated.finishAnimated > .card > .row > .col-sm-6 > .ml-3{
        margin-right: 1rem;
        padding-top: 1rem;
    }
}