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

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

  /* =============================
     GENERAL
  ============================== */

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

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

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

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

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

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

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

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

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

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

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

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

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