header#enheader2 {
    /* Convenience variables for header only start here. Add/update/delete for your needs. */
    --text-color: #1c3c6e;
    --font1: 'Figtree', sans-serif;
    --font2: "rift";
    --font3: "mundial";
    /* Convenience variables end here */

    --height: min(18.33vw, 220px);
    --top-bar-height: min(3.66vw, 44px);
    --bottom-bar-height: min(4.58vw, 55px);
    --column-gap: min(2.27vw, 25px);

    /* --logo-width: min(16.66vw, 200px); */
    --logo-width: min(15.58vw, 187px);
    --logo-shadow-color: rgb(0, 0, 0, 15%);

    --top-bar-background: #ffffff;
    --top-bar-border-color: #fff; /* if border enabled */
    --center-bar-background: #ffffff;
    --bottom-bar-background: #fff;
    --bottom-bar-border-color: #e0e0e0; /* if border enabled */

    --website-name-font-family: var(--font3);
    --website-name-font-size: min(6.16vw, 74px);
    --website-name-font-weight: normal;
    --website-name-color: #151415;
    --website-name-line-height: 1.2;
    --website-name-visibility: visible;
    --website-name-line-break-display: none;

    --marquee-font-family: var(--font1);
    --marquee-font-size:16px;
    --marquee-background: var(--top-bar-background);
    --marquee-color: #191c2f;

    --search-translate-font-family: var(--font1);
    --search-translate-font-size: 15px;
    --search-translate-color: var(--text-color);

    /* Top Navigation params */
    --topnav-font-family: var(--font1);
    --topnav-font-size: clamp(14px, 1.41vw, 17px);
    --topnav-color: #151515;
    --topnav-background: #fff;  /*transparent; changed for ADA */
    --topnav-hover-color: #151515;
    --topnav-hover-background: #dde7f4;
    --topnav-color3: #151515;

    --menu-font-family: var(--font1);
    --menu-font-size: clamp(14px, 1.5vw, 18px);
    --menu-background: url('/pics/menu_bg.png') repeat center;
    --menu-color: #151515;
    --menu-hover-background: #91b4e5;
    --menu-hover-color: #151515;

}

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

    header#enheader2.enh1 {

        --header-height: 130px;
        --header-background: #ffffff;

        --logo-width: 110px;

        --website-name-font-size: clamp(25px, 5.20vw, 40px);
        --website-name-line-height: clamp(25px, 5.20vw, 40px);
        --website-name-color: var(--text-color);
        --website-name-line-break-display: inline-block;

        --marquee-background: var(--top-bar-background);
        --marquee-color: #191c2f;

        --mobnav-button-background: #1c3c6e;
        --mobnav-button-color: #fff;
        --mobnav-button-hover-background: #000;
        --mobnav-button-hover-color: #fff;

        --menu-font-family: var(--font1);
        --menu-font-size: clamp(14px, 1.4545vw, 16px);
        --menu-background: #ffffff;
        --menu-color: #151515;
        --menu-hover-background: #91b4e5;
        --menu-hover-color: #151515;
        --logo-shadow-color: rgb(0, 0, 0, 10%);

    }
}
