@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-extrabold-webfont.woff2") format("woff2"),
    url("./articulatcf-extrabold-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-extraboldoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-extraboldoblique-webfont.woff") format("woff");
  font-weight: 900;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-Heavy-CF";
  src: url("./articulatcf-heavy-webfont.woff2") format("woff2"),
    url("./articulatcf-heavy-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-Heavy-CF";
  src: url("./articulatcf-heavyoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-heavyoblique-webfont.woff") format("woff");
  font-weight: 900;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-bold-webfont.woff2") format("woff2"),
    url("./articulatcf-bold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-boldoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-boldoblique-webfont.woff") format("woff");
  font-weight: 800;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-demibold-webfont.woff2") format("woff2"),
    url("./articulatcf-demibold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-demiboldoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-demiboldoblique-webfont.woff") format("woff");
  font-weight: 700;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-medium-webfont.woff2") format("woff2"),
    url("./articulatcf-medium-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-mediumoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-mediumoblique-webfont.woff") format("woff");
  font-weight: 600;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-regular-webfont.woff2") format("woff2"),
    url("./articulatcf-regular-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-regularoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-regularoblique-webfont.woff") format("woff");
  font-weight: 500;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-normal-webfont.woff2") format("woff2"),
    url("./articulatcf-normal-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-normaloblique-webfont.woff2") format("woff2"),
    url("./articulatcf-normaloblique-webfont.woff") format("woff");
  font-weight: 400;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-light-webfont.woff2") format("woff2"),
    url("./articulatcf-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-lightoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-lightoblique-webfont.woff") format("woff");
  font-weight: 300;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-extralight-webfont.woff2") format("woff2"),
    url("./articulatcf-extralight-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-extraboldoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-extraboldoblique-webfont.woff") format("woff");
  font-weight: 200;
  font-style: oblique;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-thin-webfont.woff2") format("woff2"),
    url("./articulatcf-thin-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Articulat-CF";
  src: url("./articulatcf-thinoblique-webfont.woff2") format("woff2"),
    url("./articulatcf-thinoblique-webfont.woff") format("woff");
  font-weight: 100;
  font-style: oblique;
}