:root {
    /*=====================*/
    /*=====================*/
    --nav-a-clr: #555;
    --nav-ahov-clr: #000;
    --nav-bgclr: #fff;
    --nav-fs: 80%;

    --navmob-a-clr: #fff;
    --navmob-ahov-clr: #fff;
    --navmob-bgclr: #fff;
    /*=====================*/
    /*=====================*/
    --pd-sec: 70px 0;
    --witmax1: calc(100% - 30px);
    --clr01: #213f73;
    --clr02: #edcd1f;
    --clr03: #444;
    --clr04:  #333;
    
    --clr-bd: #555;
    --clr-dt: #fff;
    --clr02t: #000;
    /*=====================*/
    /*=====================*/
    --font-b1: 'Avenir-Regular';
    --font-b2: 'Avenir-Regular';
    
    --font-t1: 'Avenir-Black';
    --font-t2: 'Avenir-Black';

    --font-nav: 'Avenir-Black';

    --font-xs: 60%;
    --font-s: 80%;
    --font-m: 16px;
    --font-l: calc(27 / 16 * 100%);
    --font-xl: calc(36 / 16 * 100%);
    --font-xxl: calc(45 / 16 * 100%);
}

@media (max-width: 767px) {
    :root {
        --font-m: 16px;
        --font-l: calc(20 / 16 * 100%);
        --font-xl: calc(25 / 16 * 100%);
        --font-xxl: calc(30 / 16 * 100%);
    }
}