@layer bootstrap {
  body#view-global nav.rero-ils-header {
    background-color: #052640 !important;
  }

  body#view-global nav.rero-ils-header img.rero-ils-logo {
    display: none;
  }

  div#global-logo {
    content: url('../images/logo-global.svg');
    min-height: 44px;
    max-height: 44px !important;
    min-width: 58px;
  }

  #view-global .rero-search-bar {
      margin-top: 1em;
  }


  @media (max-width: 576px) {
      .h1, h1 {
          font-size: 1.4rem;
      }

      .h2, h2 {
          font-size: 1.1rem;
      }

      #view-global .rero-ils-frontpage {
          height: 30vh;
      }

      #view-global .rero-search-bar {
          margin-top: 0;
      }
  }
}