/* -------------------------------------------------------------------------- */
/*                                   BUTLER                                   */
/* -------------------------------------------------------------------------- */

@font-face {
  font-family: "Butler";
  src: url("../fonts/Butler-UltraLight.woff2") format("woff2"), url("../fonts/Butler-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Butler";
  src: url("../fonts/Butler-Light.woff2") format("woff2"), url("../fonts/Butler-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

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

@font-face {
  font-family: "Butler";
  src: url("../fonts/Butler-Medium.woff2") format("woff2"), url("../fonts/Butler-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Butler";
  src: url("../fonts/Butler-Bold.woff2") format("woff2"), url("../fonts/Butler-Bold.woff") format("woff");
  font-weight: bold; //700
  font-style: normal;
}

@font-face {
  font-family: "Butler";
  src: url("../fonts/Butler-ExtraBold.woff2") format("woff2"), url("../fonts/Butler-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Butler";
  src: url("../fonts/Butler-Black.woff2") format("woff2"), url("../fonts/Butler-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

/* -------------------------------------------------------------------------- */
/*                                  westeinde                                 */
/* -------------------------------------------------------------------------- */

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-Thin.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-ThinItalic.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-Light.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-LightItalic.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-Regular.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-Bold.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-Bold.woff") format("woff");
  font-weight: bold; //700
  font-style: normal;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-BoldItalic.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-BoldItalic.woff") format("woff");
  font-weight: bold; //700
  font-style: italic;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-Heavy.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Westeinde Caption";
  src: url("../fonts/WesteindeCaption-HeavyItalic.woff2") format("woff2"),
    url("../fonts/WesteindeCaption-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}