header#enheader5 {
  /* Convenience variables for header only start here.  Add/update/delete for your needs. */
  --text-color: #333333;
  --font1: "Roboto",sans-serif;
  /* Convenience variables end here */

  --height: clamp(153px,16.16vw, 194px);
  --top-bar-height: clamp(30px,3.66vw, 44px);
  --bottom-bar-height: clamp(120px,12.5vw, 150px);


  --column-gap: min(1.3636vw, 15px);

  --logo-width:min(30.5vw, 366px);

  --logo-shadow-color: rgb(0, 0, 0, 15%);
  --logo-border-color: #dddddd;

  --top-bar-background: #fff;
  --top-bar-border-color: var(--gray); /* if border enabled */
  --bottom-bar-background: #f0f0eb;
--marquee-font-size: clamp(13px,1.33vw, 16px);
--marquee-background: var(--top-bar-background);
--marquee-color: #00592d;

--search-translate-font-family: var(--font1);
--search-translate-font-size: clamp(10px,1vw, 12px);
--search-translate-color: #0d0a08;
  /* Top Navigation params */
--topnav-font-family: "MyriadPro-Regular";
  --topnav-font-size: clamp(14px, 1.66vw, 20px);
  --topnav-color: #261d17;
  --topnav-background: transparent;
  --topnav-hover-color: #0d0a08;
  --topnav-hover-background: transaprent;
  --topnav-color3: #ffffff;

--menu-font-family: "MyriadPro-Regular";
--menu-font-size: clamp(13px, 1.5vw, 18px);
--menu-background: var(--blue);
--menu-color: #fff;
--menu-hover-background: #fffffa;
--menu-hover-color: #0d0a08;
}
/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {
  header#enheader5.enh1 {
    --header-height: clamp(55px,19.533vw,150px);
    
    --header-background: #f0f0eb;
    --logo-width: 100%;
    --website-name-font-size: clamp(26px,4.9479vw,38px);
    --website-name-color: #fff;
    --website-name-font-weight: 600;
    --website-name-line-break-display: inline-block;

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

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

    --search-translate-color: #000000;

    --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-size: clamp(17px, 3.5vw, 22px);
--menu-background: #002613;
    --menu-color: #fff;
    --menu-hover-background: #002613;
    --menu-hover-color: #fff;
    --logo-shadow-color: #1a234b;
z-index: 2;
  }
}