@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/montserrat-latin-300-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/montserrat-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/montserrat-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/montserrat-latin-600-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/montserrat-latin-700-normal.woff2") format("woff2");
}

/* Avenir shipped its demi as a family of its own, so a lot of rules reach for the heavier face by
   naming that family in a `font:` shorthand with no weight of its own. Montserrat is one family
   across five weights, so those rules would all come out at 400. This alias carries the SemiBold
   file under a name of its own at every weight, which keeps them rendering as they did without
   having to find and reweight each one. Same URL as the 600 above, so it is one download. */
@font-face {
    font-family: "Montserrat Demi";
    font-style: normal;
    font-weight: 1 1000;
    font-display: swap;
    src: url("fonts/montserrat-latin-600-normal.woff2") format("woff2");
}