@font-face {
    font-family:"neue-haas-grotesk-display";
    src: url('../fonts/400-l') format("woff2"),
        url('../fonts/400-d.woff') format("woff"),
        url('../fonts/400-a') format("opentype");
    font-display: auto; 
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family:"neue-haas-grotesk-display";
    src: url('../fonts/500-l') format("woff2"),
        url('../fonts/500-d.woff') format("woff"),
        url('../fonts/500-a') format("opentype");
    font-display: auto; 
    font-weight: 500;
    font-stretch: normal;
}
@font-face {
    font-family:"neue-haas-grotesk-display";
    src: url('../fonts/600-l') format("woff2"),
        url('../fonts/600-d.woff') format("woff"),
        url('../fonts/600-a') format("opentype");
    font-display: auto; 
    font-weight: 600;
    font-stretch: normal;
}
@font-face {
    font-family:"neue-haas-grotesk-display";
    src: url('../fonts/700-l') format("woff2"),
        url('../fonts/700-d.woff') format("woff"),
        url('../fonts/700-a') format("opentype");
    font-display: auto; 
    font-weight: 700;
    font-stretch: normal;
}