header#enheader5 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #232426;
    --font1: 'Zilla Slab', serif;
    --font2: 'Overpass', sans-serif;
    /* Convenience variables end here */

    --height: 140px;
    --top-bar-height: 38px;
    --bottom-bar-height: 98px;
    --column-gap: 15px;

    --logo-width: 172px;

    --logo-shadow-color: rgb(0, 0, 0, 15%);
    --logo-border-color: #dddddd;

    --top-bar-background: #ffffff;
    --top-bar-border-color: #f4ebe1; /* if border enabled */
    --center-bar-background: #ffffff;
    --bottom-bar-background: #ffffff;
    --bottom-bar-border-color: #e0e0e0; /* if border enabled */

    --marquee-font-family: "Overpass", sans-serif;
    --marquee-font-size: 16px;
    --marquee-background: var(--top-bar-background);
    --marquee-color: var(--text-color);

    --search-translate-font-family: var(--font2);
    --search-translate-font-size: 14px;
    --search-translate-color: #1e1e1e;

    /* Top Navigation params */
    --topnav-font-family: var(--font1);
    --topnav-font-size: clamp(18px, 1.66vw, 20px);
    --topnav-color: #232426;
    --topnav-background: transparent;  /*transparent; changed for ADA */
    --topnav-hover-color: #0040ae;
    --topnav-hover-background: transparent;
    --topnav-color3: #0040ae;

    --menu-font-family: var(--font2);
    --menu-font-size: clamp(16px, 1.5vw, 18px);
    --menu-background: url('/pics/drop-down-border.jpg') repeat-x center top,url('/pics/dropdown-bg.png') repeat;
    --menu-color: #ffffff;
    --menu-hover-background: #475773;
    --menu-hover-color: #fff;

}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {

    header#enheader5.enh1 {

        --header-height: 120px;
        --header-background: #ffffff;

        --logo-width: 100px;

        --search-translate-color: #000000;

        --mobnav-button-background: #0040ae;
        --mobnav-button-color: #fff;
        --mobnav-button-hover-background: #475773;
        --mobnav-button-hover-color: #fff;

        --menu-font-family: var(--font2);
        --menu-font-size: 14px;
        --menu-background: #fff;
        --menu-color: #000;
        --menu-hover-background: #0040ae;
        --menu-hover-color: #fff;
        --logo-shadow-color: rgb(0, 0, 0, 10%);
    }
}

