/*
  Unified Brandon Grotesque webfont family.
  Use this file instead of the generated stylesheet.css when you want one
  font-family with multiple weights and italic variants.
*/

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-thin-webfont.woff2") format("woff2"),
       url("brandon-grotesque-thin-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-thin-italic-webfont.woff2") format("woff2"),
       url("brandon-grotesque-thin-italic-webfont.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-light-webfont.woff2") format("woff2"),
       url("brandon-grotesque-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-light-italic-webfont.woff2") format("woff2"),
       url("brandon-grotesque-light-italic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-regular-webfont.woff2") format("woff2"),
       url("brandon-grotesque-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-regular-italic-webfont.woff2") format("woff2"),
       url("brandon-grotesque-regular-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-medium-webfont.woff2") format("woff2"),
       url("brandon-grotesque-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-medium-italic-webfont.woff2") format("woff2"),
       url("brandon-grotesque-medium-italic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-bold-webfont.woff2") format("woff2"),
       url("brandon-grotesque-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-bold-italic-webfont.woff2") format("woff2"),
       url("brandon-grotesque-bold-italic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-black-webfont.woff2") format("woff2"),
       url("brandon-grotesque-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("brandon-grotesque-black-italic-webfont.woff2") format("woff2"),
       url("brandon-grotesque-black-italic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}