/********************* BDO Grotesk *********************/
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-regular.ttf') format('truetype'),
        url('../fonts/bdogrotesk-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-light.ttf') format('truetype'),
        url('../fonts/bdogrotesk-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-medium.ttf') format('truetype'),
        url('../fonts/bdogrotesk-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-demibold.ttf') format('truetype'),
        url('../fonts/bdogrotesk-demibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-bold.ttf') format('truetype'),
        url('../fonts/bdogrotesk-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-extrabold.ttf') format('truetype'),
        url('../fonts/bdogrotesk-extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-black.ttf') format('truetype'),
        url('../fonts/bdogrotesk-black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/bdogrotesk-vf.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/********************* Roboto Condensed *********************/
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto-condensed-v30-latin-100.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/roboto-condensed-v30-latin-100italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/roboto-condensed-v30-latin-200.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/roboto-condensed-v30-latin-200italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v30-latin-300.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v30-latin-300italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v30-latin-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v30-latin-italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-condensed-v30-latin-500.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/roboto-condensed-v30-latin-500italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/roboto-condensed-v30-latin-600.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/roboto-condensed-v30-latin-600italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v30-latin-700.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v30-latin-700italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/roboto-condensed-v30-latin-800.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/roboto-condensed-v30-latin-800italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-condensed-v30-latin-900.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/roboto-condensed-v30-latin-900italic.woff2') format('woff2');
}