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

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

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

  header.rero-ils-frontpage {
      background-image: url('../images/background-rbnj.jpg');
  }

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

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

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

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