header#enheader2 {
  --text-color: #fff;
  --font1: "Lora", serif;

  --height: min(19.1818vw, 210px);
  --top-bar-height: min(3.7vw, 38px);
  --bottom-bar-height: min(4.6vw, 50px);
  --column-gap: min(2vw, 22px);

  --logo-width: min(13.636vw, 181px);

  --top-bar-background: #eff2fb;
  --center-bar-background: #fff;
  --bottom-bar-background: #2e4a9c;

  --website-name-font-family: "lektorat-display-variable", sans-serif;
  --website-name-font-size: min(3.8vw, 42px);
  --website-name-font-weight: 700;
  --website-name-color: #1b2958;
  --website-name-line-height: 1.2;
  --website-name-visibility: visible;
  --website-name-line-break-display: none;

  --marquee-font-family: "Lora", serif;
  --marquee-font-size: min(5.2vw, 16px);
  --marquee-background: #eff2fb;
  --marquee-color: #191c2f;

  --search-translate-font-family: var(--font1);
  --search-translate-font-size: min(1.3636vw, 18px);
  --search-translate-color: var(--text-color);

  /* Top Navigation params */
  --topnav-font-family: "lektorat-display-variable", sans-serif;
  --topnav-font-size: clamp(15px, 1.6363vw, 18px);
  --topnav-color: #fff;
  --topnav-background: rgba(248, 179, 13, 1);
  --topnav-hover-color: #121c3d;

  --menu-font-family: "lektorat-display-variable", sans-serif;
  --menu-font-size: clamp(16px, 1.6vw, 18px);
  --menu-background: rgba(248, 179, 13, 0.9);
  --menu-color: #121c3d;
  --menu-hover-color: #fff;
}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 991px) {
  header#enheader2.enh1 {
    --header-height: clamp(100px, 26.04vw, 175px);
    --header-background: #121c3d;

    --logo-width: clamp(75px, 20vw, 181px);

    --website-name-font-size: min(6.3vw, 42px);
    --website-name-color: #fff;
    --website-name-font-weight: 700;
    --website-name-line-break-display: inline-block;

    --website-motto-font-size: 0.6em;

    --marquee-background: var(--blue);
    --marquee-color: white;

    --mobnav-button-background: var(--header-background);
    --mobnav-button-color: var(--blue);
    --mobnav-button-hover-background: var(--blue);
    --mobnav-button-hover-color: var(--header-background);

    --menu-font-family: "lektorat-display-variable", sans-serif;
    --menu-font-size: clamp(17px, 3.5vw, 20px);
    --menu-background: #f8b30d;
    --menu-color: #121c3d;
    --menu-hover-background: #2e4a9c;
    --menu-hover-color: #fff;
  }
}
