:root {
    --calert: #C4000D;
    --zebra101bg: #fff;
    --zebra201bg: #F2F5F7;
    --zebra301bg: #333;
    --lnouterwidth: 100%;
    --lnouterheight: auto;
    --lnoutermargin: 0;
    --fhouterwidth: 100%;
    --fhouterheight: auto;
    --fhoutermargin: 0;
    /*some utility classes:*/
    /*fonts for text:*/
    --opensans: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;
    --catamaran: 'Catamaran', sans-serif, Helvetica, Arial, sans-serif;
    --barlow: 'Barlow', sans-serif, Helvetica, Arial, sans-serif;
    --lato: 'Lato', sans-serif, Helvetica, Arial, sans-serif;
    --mavenpro: 'Maven Pro', sans-serif, Helvetica, Arial, sans-serif;
    --MainFont: var(--opensans);
    /*fonts for header:*/
    --headersuez: 'Suez One', sans-serif, Helvetica, Arial, sans-serif;
    --headeropensans: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;
    --headercatamaran: 'Catamaran', sans-serif, Helvetica, Arial, sans-serif;
    --headerabril: 'Abril Fatface', sans-serif, Helvetica, Arial, sans-serif;
    --headercaveat: 'Caveat', sans-serif, Helvetica, Arial, sans-serif;
    --headermerriweather: 'Merriweather', sans-serif, Helvetica, Arial, sans-serif;
    --headermontserrat: 'Montserrat', sans-serif, Helvetica, Arial, sans-serif;
    --headerarvo: 'Arvo', sans-serif, Helvetica, Arial, sans-serif;
    --headerephesis: 'Ephesis', sans-serif, Helvetica, Arial, sans-serif;
    --headerpinyon: 'Pinyon Script', sans-serif, Helvetica, Arial, sans-serif;
    --headermavenpro: 'Maven Pro', sans-serif, Helvetica, Arial, sans-serif;
    --MainFontHeader: var(--opensans);

    --spacing-unit: 1rem;
    --margin: calc(1 * var(--spacing-unit));
    --padding: calc(1 * var(--spacing-unit));

    --margin-xs: calc(0.25 * var(--margin));
    --margin-s: calc(0.5 * var(--margin));
    --margin-m: calc(0.75 * var(--margin));
    --margin-n: calc(1 * var(--margin));
    --margin-l: calc(2 * var(--margin));
    --margin-xl: calc(4 * var(--margin));

    --padding-xs: calc(0.25 * var(--padding));
    --padding-s: calc(0.5 * var(--padding));
    --padding-m: calc(0.75 * var(--padding));
    --padding-n: calc(1 * var(--padding));
    --padding-l: calc(2 * var(--padding));
    --padding-xl: calc(4 * var(--padding));
    --wrapper-width: 1440px;
    --paddinner-width: 1460px;
    --footer-icons-size: 20px;
    --footer-icons-weight: normal;
    --footer-icons-fon: "\f095";
    --footer-icons-mail: "\f0e0";
    --footer-icons-office: "\e066";
    --margin-left-1col: 8.3332%;
    --margin-left-2col: 16.6666%;
    --margin-left-3col: 25%;
    --margin-left-4col: 33.3332%;
    --margin-left-5col: 41.6666%;
    --margin-left-6col: 50%;
    --margin-left-7col: 58.3332%;
    --margin-left-8col: 66.6664%;
    --margin-left-9col: 75%;
    --margin-left-10col: 83.3332%;
    --margin-left-11col: 91.6666%;

    --flexgradient: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
    --flexgradient-hover: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, ) 100%);
    --flexgradient-transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}



@media only screen and (max-width: 40.063em) {
    :root {
        --wrapper-width: calc(100%);
        --paddinner-width: calc(100%);
        --maincontent-max: 100%;
    }
}