header#enheader2 {
  --height: min(19.5vw, 195px);
  --top-bar-height: min(4.5vw, 44px);
  --bottom-bar-height: min(4vw, 53px);
  --column-gap: min(2vw, 22px);
  --top-bar-background: #f7f7f7;
  --center-bar-background: transparent;
  --bottom-bar-background: transparent;
  --website-name-font-family: "Liberator_Medium";
  --website-name-font-size: min(6.5vw, 90px);
  --website-name-font-weight: normal;
  --website-name-color: #fff;
  --website-name-line-height: 1.2;
  --website-name-visibility: visible;
  --marquee-font-family: "calibri";
  --marquee-font-size: min(5.2vw, 17px);
  --marquee-background: #fff;
  --marquee-color: #000;

  /* Top Navigation params */
  --topnav-font-family: "MosquitoFormal";
  --topnav-font-size: clamp(16px, 1.2vw, 17px);
  --topnav-color: #fff;
  --topnav-hover-color: #fff;

  --menu-font-family: "MosquitoFormal";
  --menu-font-size: clamp(16px, 1.2vw, 17px);
  --menu-background: #003f26;
  --menu-color: #fff;
  --menu-hover-color: #0d0d0d;
}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 991px) {
  header#enheader2.enh1 {
    --header-height: clamp(90px, 14vw, 135px);
    --header-background: #fff;
    --website-name-font-size: clamp(17px, 6.5vw, 90px);
    --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-hover-color: var(--header-background);
    --menu-font-family: "MosquitoFormal";
    --menu-font-size: clamp(16px, 1.2vw, 17px);
    --menu-background: #004026;
    --menu-color: #fff;
    --menu-hover-background: #ffcf40;
    --menu-hover-color: #000;
  }
  header.enh1 nav.en-nav > ul > li > a br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1099px) {
  header#enheader2 {
    --topnav-font-size: clamp(14px, 1.2vw, 17px);
    --menu-font-size: clamp(14px, 1.2vw, 17px);
  }
}

@media only screen and (min-width: 992px) {
  header#enheader2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 5;
  }
  header#enheader2::after {
    content: "";
    position: absolute;
    background: url(/pics/header_overlay.png) repeat center top;
    width: 100%;
    height: 300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 44px;
    z-index: -1;
    max-height: 300px;
  }
}
