header#enheader5 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #000000;
    --font1:'EB Garamond', serif;
    --font2:'Raleway', sans-serif;
    --font3:'Source Sans 3', sans-serif;

    /* Convenience variables end here */
    --height: min(22.273vw, 165px);
    --top-bar-height: min(6.5vw, 45px);
    --bottom-bar-height:min(12.5vw, 120px);
    --column-gap: 0;

    --logo-width:min(17.5vw, 277px);

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

    --top-bar-background: #660000;
    --top-bar-border-color:rgb(217,217,217,0.4); /* if border enabled */
    --center-bar-background: #fff;
    --bottom-bar-background:#fff;
    --bottom-bar-border-color: transparent; /* if border enabled */

    --website-name-font-family:var(--font1);
    --website-name-font-size: min(4.5vw, 20px);
    --website-name-font-weight: 400;
    --website-name-color: #1a1614;
    --website-name-line-height: min(4.5vw, 24px);
    --website-name-shadow-color:none;
    --website-name-visibility: visible;
    --website-name-line-break-display: none;


    --marquee-font-family: var(--font3);
    --marquee-font-size:min(1.6545vw, 15px);
    --marquee-background: var(--top-bar-background);
    --marquee-color: #191c2f;

    --search-translate-font-family: var(--font3);
    --search-translate-font-size:min(1.564vw, 13px);
    --search-translate-color: #ffffff;

    /* Top Navigation params */
    --topnav-font-family: var(--font2);
    --topnav-font-size:clamp(14px, 1.8vw, 16px);
    --topnav-color: #1a1614;
    --topnav-background:#fff;  /*transparent; changed for ADA */
    --topnav-hover-color: #ffffff;
    --topnav-hover-background:#1a1614;

    --menu-font-family: var(--font2);
    --menu-font-size:clamp(12px, 1.569vw, 14.5px);
    --menu-background:#660000;
    --menu-color: #fff;
    --menu-hover-background: #1a1614;
    --menu-hover-color: #ffffff;

}

@media only screen and (max-width:990px) {
    header#enheader5 {
        --bottom-bar-height:min(6vw, 120px);
        --topnav-font-size: clamp(14px, 2.6vw, 16px);
        --logo-width: min(22.5vw, 277px);
    }
    
}

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

    header#enheader5.enh1 {

        --header-height: clamp(90px, 19vw, 150px);
        --header-height: 80px;
        --header-background: #ffffff;

        --logo-width:clamp(120px, 23.44vw, 180px);
        --website-name-line-break-display: none;

        --website-name-font-size:clamp(18px, 3.91vw, 30px);
        --website-name-line-height:clamp(20px, 4.17vw, 32px);

        --marquee-background: #000;
        --marquee-font-size: min(3.6545vw, 16px);
        --marquee-color: #fff;

        --search-translate-color: #fff;
        --search-translate-font-size:13px;

        --mobnav-button-background: var(--header-background);
        --mobnav-button-color:#000000;
        --mobnav-button-hover-background:transparent;
        --mobnav-button-hover-color: #000000;

        --menu-font-family: var(--font2);
        --menu-font-size:clamp(15px, 2.5vw, 17px);
        --menu-background: #ffffff;
        --menu-color: #660000;
        --menu-hover-background: #660000;
        --menu-hover-color: #fff;
        --logo-shadow-color: rgb(0, 0, 0, 10%);

    }


}