@font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/RedHatDisplay-Regular.woff2") format("woff2"),
    url("../fonts/RedHatDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open-Sans SemiCondensed';
  src: url('../fonts/OpenSansSemiCondensed-Light.woff2') format('woff2'),
  url('../fonts/OpenSansSemiCondensed-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rose Velt Personal Use Only';
  src: url('../fonts/RoseVeltPersonalUseOnly-Regular.woff2') format('woff2'),
  url('../fonts/RoseVeltPersonalUseOnly-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/RedHatDisplay-Medium.woff2") format("woff2"),
    url("../fonts/RedHatDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../fonts/LibreBaskerville-Regular.woff2") format("woff2"),
    url("../fonts/LibreBaskerville-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Baskerville Old Face";
  src: url("../fonts/BaskOldFace.woff2") format("woff2"),
    url("../fonts/BaskOldFace.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"),
    url("../fonts/OpenSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"),
    url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Butler-Ultra-Light";
  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-Medium";
  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-Light";
  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-Black";
  src: url("../fonts/Butler-Black.woff2") format("woff2"),
    url("../fonts/Butler-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

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

@font-face {
  font-family: "Butler-Extra-Bold";
  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.woff2") format("woff2"),
    url("../fonts/Butler.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

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

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

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

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

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

@font-face {
  font-family: "Reva-Semi-Bold";
  src: url("../fonts/Reva-SemiBold.woff2") format("woff2"),
    url("../fonts/Reva-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Reva-Semi-Bold-Oblique";
  src: url("../fonts/Reva-SemiBoldOblique.woff2") format("woff2"),
    url("../fonts/Reva-SemiBoldOblique.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kabel-Bk-BT-Book";
  src: url("../fonts/KabelITCbyBT-Book.woff2") format("woff2"),
    url("../fonts/KabelITCbyBT-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* font2 */

@font-face {
  font-family: "Kabel-Md-BT-Medium";
  src: url("../fonts/font2/KabelITCbyBT-Medium.woff2") format("woff2"),
    url("../fonts/font2/KabelITCbyBT-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kabel-Dm-BT-Demi";
  src: url("../fonts/font2/KabelITCbyBT-Demi.woff2") format("woff2"),
    url("../fonts/font2/KabelITCbyBT-Demi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "M PLUS 2";
  src: url("../fonts/MPLUS2-Thin.woff2") format("woff2"),
    url("../fonts/MPLUS2-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Encode Sans Condensed";
  src: url("../fonts/EncodeSans-CondensedThin.woff2") format("woff2"),
    url("../fonts/EncodeSans-CondensedThin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}