header#enheader4 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #333333;
    --font1: "dorival-ui-variable",sans-seri;
    /* Convenience variables end here */

    /* --height: min(15.8730vw, 200px); */
    --height: min(22.5vw, 270px);
    --top-bar-height: clamp(40px,4.7619vw, 60px);
    --bottom-bar-height: min(3.9682vw, 50px);


    --logo-width: min(16.619vw, 222px);


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

    /* --website-name-font: 500 clamp(22px,3.9682vw,50px) / 1 "pf-marlet-display",sans-serif; */
    --website-name-font: 500 clamp(22px,3.6vw,45px) / 1 "pf-marlet-display",sans-serif;
    --website-name-letter-spacing: normal;
    --website-name-color: #ffffff;
    --website-name-visibility: visible;
    --website-name-line-break-display: none;


    --search-translate-font: normal clamp(14px, 1.2698vw, 16px) var(--font1);
    --search-translate-letter-spacing: normal;
    --search-translate-color: var(--text-color);

    /* Top Navigation params */
    --topnav-font: normal clamp(12px, 1.3492vw, 17px) var(--font1);
    --topnav-letter-spacing: normal;
    --topnav-color: #ffffff;
    --topnav-background: #002243;  /*transparent; changed for ADA */
    --topnav-hover-color: #ffffff;
    --topnav-hover-background: #002243;
    --topnav-color3: #ffffff;

    --menu-font: normal clamp(12px,1.2698vw,16px) var(--font1);
    --menu-letter-spacing: normal;
    --menu-background: #f3f7fb;
    --menu-color: #002243;
    --menu-hover-background: #a00b00;
    --menu-hover-color: #ffffff;
}
@media only screen and (max-width: 850px) {
    header#enheader4 {
        /* --website-name-font: 500 clamp(20px,3.7647vw,32px) / 1 "pf-marlet-display",sans-serif; */
        --website-name-font:500 clamp(20px,3.4vw,32px) / 1 "pf-marlet-display",sans-serif
    } 
}
/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {

    header#enheader4.enh1 {

        --header-height: clamp(80px,13.0208vw,100px);
        --header-background: #002243;
        --logo-width: clamp(80px,13.0208vw,100px);

        --website-name-font: 500 clamp(20px,4.1666vw,32px) / 1 "pf-marlet-display",sans-serif;
        --website-name-letter-spacing: normal;
        --website-name-color: #fff;
        --website-name-line-break-display: inline-block;


        --menu-font: normal clamp(15px, 2.3437vw, 18px) var(--font1);
        --menu-letter-spacing: normal;
        --menu-background: #ffffff;
        --menu-color: #000000;
        --menu-hover-background: #002243;
        --menu-hover-color: #ffffff;
    }
}