header#enheader4 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #333333;
    --font1: Karla, sans-serif;
    --blue: #00409c;
    --blue2: #048cd9;
    --gray1: #f6f6f6;
    --gray2: #e8e8e8;
    --gray3: #545454;
    /* Convenience variables end here */

    --height: 174px;
    --top-bar-height: 33px;
    --bottom-bar-height: 32px;
    --column-gap: 0;

    --logo-width: 130px;
    --logo-shadow-color: var(--blue);
    --logo-border-color: var(--gray2);

    --top-bar-background: #ffffff;
    --top-bar-border-color: var(--gray);
    /* if border enabled */
    --center-bar-background: transparent;
    --bottom-bar-background: transparent;
    --bottom-bar-border-color: transparent;
    /* if border enabled */

    --website-name-font-family: 'Fira Sans', sans-serif;
    --website-name-font-size: min(3.6363vw, 40px);
    --website-name-font-weight: normal;
    --website-name-line-height: 1.2;
    --website-name-letter-spacing: normal;
    --website-name-color: #fff;
    --website-name-shadow-color: #cccccc;
    --website-name-visibility: visible;
    --website-name-line-break-display: none;

    --website-motto-font: normal 0.5em 'Fira Sans', sans-serif;
    --website-motto-letter-spacing: normal;
    --website-motto-color: #666666;

    --marquee-font: normal min(1.4545vw, 16px) 'Fira Sans', sans-serif;
    --marquee-letter-spacing: normal;
    --marquee-background: #fff;
    --marquee-color: #000;
    --marquee-popup-font: 'Fira Sans', sans-serif;
    --marquee-popup-letter-spacing: 0px;
    --marquee-popup-background: #ffcc00;
    --marquee-popup-color: #000;
    --marquee-popup-button-color: #fff;
    --marquee-popup-button-background: #037c0b;
    --marquee-popup-button-border: 1px solid #ffcc00;
    --marquee-popup-active-button-color: #037c0b;
    --marquee-popup-active-button-background: #fff;

    --search-translate-font: normal min(1.3636vw, 15px) 'Fira Sans', sans-serif;
    --search-translate-letter-spacing: normal;

    --search-button-color: #000;
    --translate-button-color: #000;

    /* Top Navigation params */
    --topnav-font: normal clamp(12px, 1.6363vw, 18px) 'Fira Sans', sans-serif;
    --topnav-letter-spacing: normal;
    --topnav-color: #ffff;
    --topnav-background: #037c0b;
    --topnav-hover-color: #ffcc00;
    --topnav-hover-background: #037c0b;
    --topnav-color3: #f2f2f2;

    --menu-font: normal clamp(12px, 1.4545vw, 16px) 'Fira Sans', sans-serif;
    --menu-letter-spacing: normal;
    --menu-background: transparent;
    --menu-color: #ffffff;
    --menu-hover-background: #000;
    --menu-hover-color: #ffcc00;

}

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

    header#enheader4.enh1 {
        --header-height: clamp(90px, 15vw, 150px);
        --header-background: #037c0b;

        --logo-width: clamp(80px, 15vw, 110px);

        --website-name-font-family: 'Fira Sans', sans-serif;
        --website-name-font-size: clamp(20px, 4.5vw, 32px);
        --website-name-font-weight: 600;
        --website-name-line-height: 1.2;
        --website-name-letter-spacing: normal;
        --website-name-color: #000000;
        --website-name-line-break-display: inline-block;

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

        --marquee-background: #037c0b;
        --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: normal clamp(19px, 3.5vw, 22px) var(--font1);
        --menu-letter-spacing: normal;
        --menu-background: #ffffff;
        --menu-color: #000;
        --menu-hover-background: #ffcc00;
        --menu-hover-color: #000;
        --logo-shadow-color: rgb(0, 0, 0, 10%);
    }
}