@font-face {
    font-display: block;
    font-family: Bariol;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Bariol/Bariol_Bold.otf') format("opentype") tech(color-COLRv1)
}

@font-face {
    font-display: block;
    font-family: Bariol;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Bariol/Bariol_Regular.otf');
    src: url('../fonts/Bariol/Bariol_Regular.otf#iefix') format("opentype") tech(color-COLRv1)
}

/*!* Bariol *!*/
/*@font-face {*/
/*    font-family: bariol;*/
/*    src: url("https://candyfonts.com/wp-data/2018/10/26/11133/Bariol_Regular.otf") format("woff"),*/
/*    url("https://candyfonts.com/wp-data/2018/10/26/11133/Bariol_Regular.otf") format("opentype"),*/
/*    url("https://candyfonts.com/wp-data/2018/10/26/11133/Bariol_Regular.otf") format("truetype");*/
/*    font-weight: 400;*/
/*    font-display: swap;*/
/*}*/

/* BRANDON */
@font-face {
    font-family: Brandon;
    src: url('../fonts/Brandon/BrandonGrotesque-Regular.ttf');
url('../fonts/Brandon/BrandonGrotesque-Regular.woff2') format('woff2'),
url('../fonts/Brandon/BrandonGrotesque-Regular.woff') format('woff'),
url('../fonts/Brandon/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Brandon;
    src: url('../fonts/Brandon/BrandonGrotesque-Medium.ttf');
url('../fonts/Brandon/BrandonGrotesque-Medium.woff2') format('woff2'),
url('../fonts/Brandon/BrandonGrotesque-Medium.woff') format('woff'),
url('../fonts/Brandon/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Brandon;
    src: url('../fonts/Brandon/BrandonGrotesque-Bold.ttf');
url('../fonts/Brandon/BrandonGrotesque-Bold.woff2') format('woff2'),
url('../fonts/Brandon/BrandonGrotesque-Bold.woff') format('woff'),
url('../fonts/Brandon/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: 700;
    font-display: swap;
}

/* BRANDON */
@font-face {
    font-family: Brown;
    src: url('../fonts/Brown/Brown-Light.ttf');
url('../fonts/Brown/Brown-Light.woff2') format('woff2'),
url('../fonts/Brown/Brown-Light.woff') format('woff'),
url('../fonts/Brown/Brown-Light.svg#Brown-Light') format('svg');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: Brown;
    src: url('../fonts/Brown/Brown-Regular.ttf');
url('../fonts/Brown/Brown-Regular.woff2') format('woff2'),
url('../fonts/Brown/Brown-Regular.woff') format('woff'),
url('../fonts/Brown/Brown-Regular.svg#Brown-Regular') format('svg');
    font-weight: 400;
    font-display: swap;
}

/* LT */
@font-face {
    font-family: Linotype;
    src: url('../fonts/LT/LinotypeBrewery-Medium.ttf');
url('../fonts/LT/LinotypeBrewery-Medium.woff2') format('woff2'),
url('../fonts/LT/LinotypeBrewery-Medium.woff') format('woff'),
url('../fonts/LT/LinotypeBrewery-Medium.svg#LinotypeBrewery-Medium') format('svg');
    font-weight: 500;
    font-display: swap;
}