:root{
    /* header /footer */
    --header-h: 180px;
    --header-h-home: calc(var(--header-h) - 40px);
    --header-scrolled-h: 110px;
    --home-header-scrolled-h: 60px;
    --logo-header-w: 320px;
    --logo-mt:0px;
    --logo-header-scrolled: 160px;
    --logo-footer-w: 80px;
    --page-wrapper-pb:70px;
    --border-radius-1:9px;

    --sixth-color:#00b08b;

    /*--prim-grd: radial-gradient(circle, rgb(244, 195, 107) 10%, rgb(244, 95, 107) 65%, var(--sev-color) 94%, var(--sev-color) 100%);*/
}
.navbar{
    --bs-navbar-padding-y:0;
}

@media only screen and (max-width: 1199px) {
    :root {
        --header-h: 120px;
        --large-col: 55vw;
        --font-size: 16px --page-padding-top: var(--header-h);
    }
}
@media only screen and (max-width: 920px) {
    :root {
        --header-h: 80px;
    }
}
@media only screen and (max-width: 575.99px) {
    :root {
        --header-h: 60px;
        --font-size-menu-h:14px;
        --medium-col: 25vw;
        --large-col: 100%;
        ---logo-header-w: 55px;
        --logo-footer-w: 80px;
    }

}
@media (min-width: 641px) {
    :root {
        --container-max-width: 620px;
    }
}
@media (min-width: 767px) {
    :root {
        --container-max-width: 740px;
        --font-size-menu-h:12px
    }
}
@media (min-width: 980px) {
    :root {
        --container-max-width: 940px;
    }
}
@media (min-width: 1080px) {
    :root {
        --logo-header-w: auto;
        --container-max-width: 1020px;
        --font-size-menu-h:12px
    }
}
@media (min-width: 1200px) {
    :root {
        --logo-mt:40px;
        --logo-header-w: auto;
        --page-padding-top: var(--header-h);
        --container-max-width: 1160px;
        --font-size: 16px;
        --font-size-menu-h:13px
    }
}
@media (min-width: 1400px) {
    :root {
        --logo-mt:85px;
        --logo-header-w: 220px;
        --container-max-width: 1340px;
        --font-size-menu-h:15px
    }
}
@media (min-width: 1600px) {
    :root {
        --logo-mt:110px;
        --header-h: 120px;
        --logo-header-w: 240px;
        --container-max-width: 1500px;
        --font-size: 18px;
        --font-size-menu-h:16px
    }
}

@media (min-width: 1800px) {
    :root {
        --logo-mt:120px;
        --logo-header-w: 250px;
        --container-max-width: 1540px;
    }
}