header#enheader2 {
  /* Convenience variables for header only start here. Add/update/delete for your needs. */
  --text-color: #fff;
  --font1: "Noto Sans", sans-serif;

  --height: min(30.182vw, 300px);
  --top-bar-height: clamp(38px, 3.17vw, 38px);
  --bottom-bar-height: min(20.6vw, 203px);
  --column-gap: min(2vw, 22px);

  --logo-width: min(25.6363vw, 275px);

  --top-bar-background: #000;
  --center-bar-background: #b7000c;
  --bottom-bar-background: transparent;

  --website-name-font-family: "RiftBold";
  --website-name-font-size: min(6.3vw, 70px);
  --website-name-font-weight: normal;
  --website-name-color: #fff;
  --website-name-line-height: 1.2;
  --website-name-visibility: visible;
  --website-name-line-break-display: none;

  --marquee-font-family: "Noto Sans", sans-serif;
  --marquee-font-size: min(5.2vw, 18px);
  --marquee-background: #000;
  --marquee-color: #fff;

  --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: "Noto Sans", sans-serif;
  --topnav-font-size: clamp(15px, 1.6363vw, 21px);
  --topnav-color: #fff;
  --topnav-background: #fff;
  --topnav-hover-color: #000;

  --menu-font-family: "Noto Sans", sans-serif;
  --menu-font-size: clamp(16px, 2.2vw, 18px);
  --menu-background: #000000;
  --menu-color: #ffffff;
  --menu-hover-color: #000;
  background-color: #000;
}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {
  header#enheader2.enh1 {
    --header-height: clamp(90px, 19vw, 150px);
    --header-background: #000;

    --logo-width: clamp(100px, 20vw, 275px);

    --website-name-font-size: clamp(26px, 6.11vw, 70px);
    --website-name-color: #fff;
    --website-name-font-weight: 700;
    --website-name-line-break-display: inline-block;

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

    --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: "Noto Sans", sans-serif;
    --menu-font-size: clamp(17px, 3.5vw, 20px);
    --menu-background: #b7000c;
    --menu-color: #fff;
    --menu-hover-background: #b7000c;
    --menu-hover-color: #fff;
  }
}