:root{
    /* header /footer */
    --header-h: 180px;
    --header-scale: 1;
    --header-h-home: calc(var(--header-h) - 70px);
    --logo-header-w: 320px;
    --logo-header-scrolled: 160px;
    --logo-footer-w: 80px;
    --header-title-fs:1rem;
    --header-scrolled-title-fs:2rem;
    --page-wrapper-pt:20px;
    --page-wrapper-pb:50px;


    /*--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: 120px;
    }
}
@media only screen and (max-width: 575.99px) {
    :root {
        --header-title-fs:1.2rem;
        --header-h: 65px;
        --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 {
        --header-title-fs:2rem;
        --container-max-width: 740px;
        --font-size-menu-h:12px
    }
}
@media (min-width: 980px) {
    :root {
        --container-max-width: 940px;
    }
}
@media (min-width: 1080px) {
    :root {
        --header-title-fs:2.5rem;
        --logo-header-w: auto;
        --container-max-width: 1020px;
        --font-size-menu-h:12px
    }
}
@media (min-width: 1200px) {
    :root {
        --logo-header-w: auto;
        --page-padding-top: 0;
        --container-max-width: 1160px;
        --font-size: 16px;
        --font-size-menu-h:13px
    }
}
@media (min-width: 1400px) {
    :root {
        --header-title-fs:3rem;
        --header-h: 100px;
        --logo-header-w: 220px;
        --container-max-width: 1340px;
        --font-size-menu-h:15px;
        --page-wrapper-pt:20px;
    }
}
@media (min-width: 1600px) {
    :root {
        --header-h: 110px;
        --logo-header-w: 240px;
        --container-max-width: 1500px;
        --font-size: 18px;
        --font-size-menu-h:16px;
        --page-wrapper-pt:24px;
    }
}

@media (min-width: 1800px) {
    :root {
        --header-title-fs:3.5rem;
        --logo-header-w: 250px;
        --container-max-width: 1540px;
        --page-wrapper-pt:30px;
    }
}