@font-face {
    font-family: 'Bebas Kai';
    src: url('fonts/BebasKai.woff2') format('woff2'), 
    url('fonts/BebasKai.woff') format('woff'), 
    url('fonts/BebasKai.svg#BebasKai') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-regular-webfont.woff2') format('woff2'),
    url('fonts/bebasneue-regular-webfont.woff') format('woff'),
    url('fonts/bebasneue-regular-webfont.ttf') format('truetype'),
    url('fonts/bebasneue-regular-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gothambold-webfont.woff2') format('woff2'),
    url('fonts/gothambold-webfont.woff') format('woff'),
    url('fonts/gothambold-webfont.ttf') format('truetype'),
    url('fonts/gothambold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gothambook';
    src: url('fonts/gotham-book-webfont.woff2') format('woff2'),
    url('fonts/gotham-book-webfont.woff') format('woff'),
    url('fonts/gotham-book-webfont.ttf') format('truetype'),
    url('fonts/gotham-book-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gothamregular';
    src: url('fonts/gotham-light-webfont.woff2') format('woff2'),
    url('fonts/gotham-light-webfont.woff') format('woff'),
    url('fonts/gotham-light-webfont.ttf') format('truetype'),
    url('fonts/gotham-light-webfont.svg#gothamregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}