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

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

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

   #page-container > nav.navbar.navbar-expand-sm.sticky-top.navbar-dark{
      top: 7.6rem !important;
    }

    #banner{
      height: 22rem !important;     
    }

    #banner > .content-bg{
      background-position: right;
      height: 25rem !important;
    }
    
    #banner > .container.home-content{
      padding-top: 0px !important;
    }

    #banner > .container.home-content > .info_sitio{
      font-size: 1rem;
    }

    #banner > .container.home-content > .row.col-lg{
      margin-left: auto;
      margin-right: auto;
    }

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

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

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

    #transparencia_proactiva > .container.fadeInDown.contentAnimated.finishAnimated
    {
      padding: 0rem 1rem 1rem !important;
    }
    
    #contact.content.bg-silver-lighter{
      padding: 2rem .9375rem 1rem !important;
    }

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

     #transparencia_proactiva .card-deck > .card.tarjeta > .card-body{
        padding-top: 4rem;
    }

    #transparencia_proactiva .card-deck > .card.tarjeta > .card-body > .row > .col-12.text-center{
        margin-top: -13.3rem !important;
    }

    #transparencia_proactiva .card-deck > .card.tarjeta > .card-body > .row > .col-12.text-center > i.fa-venus-mars.icono_tarjeta{
        padding-top: 1.5rem !important;
    }

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

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

    .btn.btn-inverse.btn-icon.btn-circle.btn-lg{  
        max-width: 48px;
        max-height: 49px;
        margin-bottom: 13px;
        margin-right: 16px;
    }

    .fa.fa-usd{
        max-width: 48px;
        max-height: 49px;

    }


}