@font-face {
  font-family: helvetica now;
  src: url('../fonts/helveticanowtext-blackitalic-demo.otf');
}

@font-face {
  font-family: monoist;
  src: url('../fonts/regular.ttf');
}




    .navitem {
      font-family: monoist;
      font-size: 1vw;
      color: white;
      text-decoration: none;
      letter-spacing: 0.05em;
      font-weight: bold;
    }

    header {
      margin-left: 6%;
      padding-top: 3%;
      height: 6%;
    }

    .bannerlogo {
      width: 2vw;
      margin-right: 1%;
    }

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

      header a {
        display: none !important;
      }

        header img, header p {
          display: block;
        }

        header p {
          font-family: monoist;
          font-size: 5vw;
          color: white;
          text-decoration: none;
          letter-spacing: 0.05em;
          font-weight: bold;
          margin-top: 8% ;
        }

        header {
          display: flex;

        }

        .bannerlogo {
          width: 7vw;
        }

      .hamburger {
        position: fixed !important;
        top: 4vw;
        right: 4vw;
        z-index: 1000000 !important;
        background: none;
        border: none;
        width: 10vw;
        height: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .hamburger::before {
        content: "☰";
        font-size: 8vw;
        color: white;
      }

      .hamburger.active::before {
        content: "✕";
      }

      .aanmelden-knop {
        position: fixed !important;
        top: 4vw;
        right: 18vw;


      }

      .mobile-menu {
        position: fixed !important;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100vh;
        background: #0f234f;
        display: flex;
        flex-direction: column;
        padding-top: 30vw;
        gap: 10vw;
        padding-left: 10vw;
        transition: left .35s ease;
        z-index: 999999 !important;
      }

      .mobile-menu.show {
        left: 0 !important;
      }

      .mobile-menu a {
        font-size: 7vw;
        color: white;
        font-family: monoist;
        font-weight: bold;
      }
    }