/* Regular */
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/Avenir Next Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/Avenir Next Medium.ttf') format('truetype');
    font-weight: `500`; /* Medium weight */
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/Avenir Next Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

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

/* Bold */
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/Brandon Grotesque Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Black */
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('fonts/Brandon Grotesque Black.otf') format('opentype');
    font-weight: 900; /* Black weight */
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.font-roboto-reg {
    font-family: 'Roboto Mono', sans-serif;
}

.font-avenir-bold {
    font-family: 'Avenir Next', sans-serif;
    font-weight: bold;
}

.font-avenir-med {
    font-family: 'Avenir Next Medium', sans-serif;
}

.font-avenir-reg {
    font-family: 'Avenir Next Regular', sans-serif;
}