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

    --height: min(14.6031vw, 184px);
    --top-bar-height: clamp(34px,3.4920vw, 44px);
    --bottom-bar-height: min(8.2936vw, 104.5px);

    --logo-width: min(15.1587vw, 191px);


    --top-bar-background: #ffffff;
    --center-bar-background: #ffffff;
    --bottom-bar-background: #ffffff;


    --website-name-font: 700 clamp(30px,3.9404vw,49.65px) / 1 "DM Sans", sans-serif;
    --website-name-letter-spacing: normal;
    --website-name-color: #1a1a1a;
    --website-name-visibility: visible;
    --website-name-line-break-display: none;



    --website-motto-font: 700 clamp(12px,1.5841vw,19.96px) "DM Sans", sans-serif;
    --website-motto-letter-spacing: normal;
    --website-motto-color: #1a1a1a;



    --marquee-font: 500 clamp(13px,1.2698vw, 16px) "DM Sans", sans-serif;
    --marquee-letter-spacing: normal;
    --marquee-background: var(--top-bar-background);
    --marquee-color: #191c2f;
    --marquee-popup-font: "DM Sans", sans-serif;
    --marquee-popup-letter-spacing: 0.75px;
    --marquee-popup-color: var(--text-color);
    --marquee-popup-button-color: #000000;
    --marquee-popup-button-background: var(--blue);
    --marquee-popup-button-border: none;

    --search-translate-font: normal 12px var(--font1);
    --search-translate-letter-spacing: normal;
    --search-translate-color: #1a1a1a;

    /* Top Navigation params */
    --topnav-font: 500 clamp(13px,1.5079vw,19px) "DM Sans", sans-serif;
    --topnav-letter-spacing: normal;
    --topnav-color: #1a1a1a;
    --topnav-background: #ffffff;  /*transparent; changed for ADA */
    --topnav-hover-color: var(--red);
    --topnav-hover-background: #ffffff;
    --topnav-color3: #ffffff;

    --menu-font: 500 clamp(13px,1.2698vw, 16px) "DM Sans", sans-serif;
    --menu-letter-spacing: normal;
    --menu-background: #a3151a;
    --menu-color: #ffffff;
    --menu-hover-background: #1a1a1a;
    --menu-hover-color: #ffffff;
}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {

    header#enheader5.enh1 {
        --header-height: clamp(70px,13.0208vw,100px);
        --header-background: #ffffff;

        --logo-width: clamp(50px,10.4166vw,80px);

        --website-name-font: 700 clamp(30px,5.2083vw,40px) / 1 "DM Sans", sans-serif;
        --website-name-letter-spacing: normal;
        --website-name-color: var(--blue);
        --website-name-line-break-display: inline-block;

        --website-motto-font: 700 clamp(14px,2.3437vw,18px) "DM Sans", sans-serif;

        --marquee-background: #fff;
        --marquee-color: #191c2f;

        --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: normal clamp(15px,2.3437vw, 18px)  "DM Sans", sans-serif;
        --menu-letter-spacing: normal;
        --menu-background: #ffffff;
        --menu-color: #000;
        --menu-hover-background: #2c419c;
        --menu-hover-color: #ffffff;

    }
}