/* LouizeDisplayCond font family */
@font-face {
  font-family: "Louize";
  src: url("../fonts/205TF-LouizeDisplayCond-Regular.woff2") format("woff2"), url("../fonts/205TF-LouizeDisplayCond-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Louize";
  src: url("../fonts/205TF-LouizeDisplayCond-Medium.woff2") format("woff2"), url("../fonts/205TF-LouizeDisplayCond-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Louize";
  src: url("../fonts/205TF-LouizeDisplayCond-Bold.woff2") format("woff2"), url("../fonts/205TF-LouizeDisplayCond-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Matter font family */
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterThin.woff2") format("woff2"), url("../fonts/MatterThin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterLight.woff2") format("woff2"), url("../fonts/MatterLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterRegular.woff2") format("woff2"), url("../fonts/MatterRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterMedium.woff2") format("woff2"), url("../fonts/MatterMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterSemiBold.woff2") format("woff2"), url("../fonts/MatterSemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterBold.woff2") format("woff2"), url("../fonts/MatterBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterHeavy.woff2") format("woff2"), url("../fonts/MatterHeavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterBlack.woff2") format("woff2"), url("../fonts/MatterBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
/* Matter Italic variants */
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterThinItalic.woff2") format("woff2"), url("../fonts/MatterThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterLightItalic.woff2") format("woff2"), url("../fonts/MatterLightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterRegularItalic.woff2") format("woff2"), url("../fonts/MatterRegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterMediumItalic.woff2") format("woff2"), url("../fonts/MatterMediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterSemiBoldItalic.woff2") format("woff2"), url("../fonts/MatterSemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterBoldItalic.woff2") format("woff2"), url("../fonts/MatterBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterHeavyItalic.woff2") format("woff2"), url("../fonts/MatterHeavyItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/MatterBlackItalic.woff2") format("woff2"), url("../fonts/MatterBlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}