@font-face {
    font-family: "Neue Haas Grotesk Display";
    font-weight: 100;
    src: url("/fonts/NHaasGroteskDSPro-15UltTh.otf") format("opentype");
}

@font-face {
    font-family: "Neue Haas Grotesk Display";
    font-weight: 300;
    src: url("/fonts/NHaasGroteskDSPro-25Th.otf") format("opentype");
}

@font-face {
    font-family: "Neue Haas Grotesk Display";
    font-weight: 400;
    src: url("/fonts/NHaasGroteskDSPro-55Rg.otf") format("opentype");
}

@font-face {
    font-family: "Neue Haas Grotesk Text";
    font-weight: 900;
    src: url("/fonts/NHaasGroteskTXPro-75Bd.otf") format("opentype");
}

@font-face {
    font-family: "Neue Haas Grotesk Text";
    font-weight: 700;
    src: url("/fonts/NHaasGroteskTXPro-65Md.otf") format("opentype");
}

@font-face {
    font-family: "Neue Haas Grotesk Text";
    font-weight: 400;
    src: url("/fonts/NHaasGroteskTXPro-55Rg.otf") format("opentype");
}

.ultrathin {
    font-weight: 100;
}

.thin {
    font-weight: 300;
}

.medium {
    font-weight: 700;
}

.bold {
    font-weight: 900;
}

.display {
    font-family: "Neue Haas Grotesk Display", Arial, Helvetica, sans-serif;
}