@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon1.woff") format("woff2"),
         url("../assets/fonts/brandon1.woff") format("woff"),
         url("../assets/fonts/brandon1") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon3.woff2") format("woff2"),
         url("../assets/fonts/brandon3.woff") format("woff"),
         url("../assets/fonts/") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon5.woff2") format("woff2"),
         url("../assets/fonts/brandon5.woff") format("woff"),
         url("../assets/fonts/brandon5") format("opentype");
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon9.woff2") format("woff2"),
         url("../assets/fonts/brandon9.woff") format("woff"),
         url("../assets/fonts/brandon9") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon11.woff2") format("woff2"),
         url("../assets/fonts/brandon11.woff") format("woff"),
         url("../assets/fonts/brandon11") format("opentype");
    font-weight: 900;
}