@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/fonts/HvDTrial_Brandon_Grotesque_regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Europa';
    src: url('/fonts/Europa-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin Gothic Book';
    src: url('/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.font-brandon {
    font-family: 'Brandon Grotesque', sans-serif;
}

.font-europa {
    font-family: 'Europa', sans-serif;
    font-weight: 700;
}

.font-franklin {
    font-family: 'Franklin Gothic Book', sans-serif;
}