@font-face {
  font-family: "888thin";
  src: url(./888-thin-webfont.eot);
  src: url(./888-thin-webfont.eot) format("embedded-opentype"),
      url(./888-thin-webfont.woff2) format("woff2"),
      url(./888-thin-webfont.woff) format("woff"),
      url(./888-thin-webfont.ttf) format("truetype"),
      url(./888-thin-webfont.otf) format("opentype"),
      url(./888-thin-webfont.svg) format("svg");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "888light";
  src: url(./888-light-webfont.eot);
  src: url(./888-light-webfont.eot) format("embedded-opentype"),
      url(./888-light-webfont.woff2) format("woff2"),
      url(./888-light-webfont.woff) format("woff"),
      url(./888-light-webfont.ttf) format("truetype"),
      url(./888-light-webfont.otf) format("opentype"),
      url(./888-light-webfont.svg) format("svg");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "888regular";
  src: url(./888-regular-webfont.eot);
  src: url(./888-regular-webfont.eot) format("embedded-opentype"),
      url(./888-regular-webfont.woff2) format("woff2"),
      url(./888-regular-webfont.woff) format("woff"),
      url(./888-regular-webfont.ttf) format("truetype"),
      url(./888-regular-webfont.otf) format("opentype"),
      url(./888-regular-webfont.svg) format("svg");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "888medium";
  src: url(./888-medium-webfont.eot);
  src: url(./888-medium-webfont.eot) format("embedded-opentype"),
      url(./888-medium-webfont.woff2) format("woff2"),
      url(./888-medium-webfont.woff) format("woff"),
      url(./888-medium-webfont.ttf) format("truetype"),
      url(./888-medium-webfont.otf) format("opentype"),
      url(./888-medium-webfont.svg) format("svg");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "888demibold";
  src: url(./888-demibold-webfont.eot);
  src: url(./888-demibold-webfont.eot) format("embedded-opentype"),
      url(./888-demibold-webfont.woff2) format("woff2"),
      url(./888-demibold-webfont.woff) format("woff"),
      url(./888-demibold-webfont.ttf) format("truetype"),
      url(./888-demibold-webfont.otf) format("opentype"),
      url(./888-demibold-webfont.svg) format("svg");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "888bold";
  src: url(./888-bold-webfont.eot);
  src: url(./888-bold-webfont.eot) format("embedded-opentype"),
      url(./888-bold-webfont.woff2) format("woff2"),
      url(./888-bold-webfont.woff) format("woff"),
      url(./888-bold-webfont.ttf) format("truetype"),
      url(./888-bold-webfont.otf) format("opentype"),
      url(./888-bold-webfont.svg) format("svg");
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "888black";
  src: url(./888-black-webfont.eot);
  src: url(./888-black-webfont.eot) format("embedded-opentype"),
      url(./888-black-webfont.woff2) format("woff2"),
      url(./888-black-webfont.woff) format("woff"),
      url(./888-black-webfont.ttf) format("truetype"),
      url(./888-black-webfont.otf) format("opentype"),
      url(./888-black-webfont.svg) format("svg");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "888ultra";
  src: url(./888-ultra-webfont.eot);
  src: url(./888-ultra-webfont.eot) format("embedded-opentype"),
      url(./888-ultra-webfont.woff2) format("woff2"),
      url(./888-ultra-webfont.woff) format("woff"),
      url(./888-ultra-webfont.ttf) format("truetype"),
      url(./888-ultra-webfont.otf) format("opentype"),
      url(./888-ultra-webfont.svg) format("svg");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "888cond-medium";
  src: url(./888-CondensedMedium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "888cond-demibold";
  src: url(./888-CondensedDemiBold.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "888cond-bold";
  src: url(./888-CondensedBold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Backwards Compatibility (to be deleted once everyone replaces font-weight property with the corresponding font-family above) */

@font-face {
  font-family: "888SportCond";
  src: url(./888-CondensedMedium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "888SportCond";
  src: url(./888-CondensedDemiBold.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "888SportCond";
  src: url(./888-CondensedBold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* B2C fonts */

  @font-face {
    font-family: "888ExtraCondensed";
    src: url(./888/888-ExtraCondensed.eot);
    src: url(./888/888-ExtraCondensed.eot) format("embedded-opentype"),
        url(./888/888-ExtraCondensed.woff2) format("woff2"),
        url(./888/888-ExtraCondensed.woff) format("woff"),
        url(./888/888-ExtraCondensed.ttf) format("truetype"),
        url(./888/888-ExtraCondensed.otf) format("opentype"),
        url(./888/888-ExtraCondensed.svg) format("svg");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "888ExtraCondensedMedium";
    src: url(./888/888-ExtraCondensedMedium.eot);
    src: url(./888/888-ExtraCondensedMedium.eot) format("embedded-opentype"),
        url(./888/888-ExtraCondensedMedium.woff2) format("woff2"),
        url(./888/888-ExtraCondensedMedium.woff) format("woff"),
        url(./888/888-ExtraCondensedMedium.ttf) format("truetype"),
        url(./888/888-ExtraCondensedMedium.otf) format("opentype"),
        url(./888/888-ExtraCondensedMedium.svg) format("svg");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "888ExtraCondensedDemiBold";
    src: url(./888/888-ExtraCondensedDemiBold.eot);
    src: url(./888/888-ExtraCondensedDemiBold.eot) format("embedded-opentype"),
        url(./888/888-ExtraCondensedDemiBold.woff2) format("woff2"),
        url(./888/888-ExtraCondensedDemiBold.woff) format("woff"),
        url(./888/888-ExtraCondensedDemiBold.ttf) format("truetype"),
        url(./888/888-ExtraCondensedDemiBold.otf) format("opentype"),
        url(./888/888-ExtraCondensedDemiBold.svg) format("svg");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "888ExtraCondensedBold";
    src: url(./888/888-ExtraCondensedBold.eot);
    src: url(./888/888-ExtraCondensedBold.eot) format("embedded-opentype"),
        url(./888/888-ExtraCondensedBold.woff2) format("woff2"),
        url(./888/888-ExtraCondensedBold.woff) format("woff"),
        url(./888/888-ExtraCondensedBold.ttf) format("truetype"),
        url(./888/888-ExtraCondensedBold.otf) format("opentype"),
        url(./888/888-ExtraCondensedBold.svg) format("svg");
    font-weight: 700;
    font-display: swap;
}

@font-face {
  font-family: "Chronicle";
  src: url(./SI/Chronicle-TextG1-Roman.eot);
  src: url(./SI/ChronicleTextG1-Roman.eot?#iefix) format('embedded-opentype'),
      url(./SI/Chronicle-TextG1-Roman.woff) format("woff"),
      url(./SI/Chronicle-TextG1-Roman.woff2) format("woff2"),
      url(./SI/Chronicle-TextG1-Roman.ttf) format("truetype"),
      url(./SI/Chronicle-TextG1-Roman.otf) format("opentype"),
      url(./SI/Chronicle-TextG1-Roman.svg) format("svg");
  font-weight: 325;
  font-display: swap;
}


@font-face {
  font-family: "BrixtonWood";
  src: url(./888/Brixton_Wood-Vector.eot);
  src: url(./888/Brixton_Wood-Vector.eot) format("embedded-opentype"),
      url(./888/Brixton_Wood-Vector.woff2) format("woff2"),
      url(./888/Brixton_Wood-Vector.woff) format("woff"),
      url(./888/Brixton_Wood-Vector.ttf) format("truetype"),
      url(./888/Brixton_Wood-Vector.otf) format("opentype"),
      url(./888/Brixton_Wood-Vector.svg) format("svg");
  font-weight: 700;
  font-display: swap;
}