@font-face {
  font-family: "Work-Sans-Medium";
  src: url("../fonts/workSans/WorkSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work-Sans-SemiBold";
  src: url("../fonts/workSans/WorkSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work-Sans-Regular";
  src: url("../fonts/workSans/WorkSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work-Sans-Bold";
  src: url("../fonts/workSans/WorkSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Colfax-Regular";
  src: url("../fonts/colfax/Colfax-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Colfax-Bold";
  src: url("../fonts/colfax/Colfax-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Colfax-Medium";
  src: url("../fonts/colfax/Colfax-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Colfax-Bold", sans-serif;
}

.workSansRegular { font-family: "Work-Sans-Regular", sans-serif; }
.workSansBold { font-family: "Work-Sans-Bold", sans-serif; }
.workSansSemiBold { font-family: "Work-Sans-SemiBold", sans-serif; }
.colfax { font-family: "Colfax-Regular", sans-serif; }
.colfax-medium { font-family: "Colfax-Medium", sans-serif; }

.f-54 { font-size: 54px; }
.f-42 { font-size: 42px; }
.f-38 { font-size: 38px; }
.f-22 { font-size: 22px; }
.f-20 { font-size: 20px; }
.f-18 { font-size: 18px; }

@media (max-width: 1440px) {
  .f-54 { font-size: 42px; }
  .f-22 { font-size: 18px; }
  .f-38 { font-size: 24px; }
}
@media (max-width: 1400px) {
  .f-42 { font-size: 32px; }
}
@media (max-width: 1300px) {
  .f-54 { font-size: 44px; }
  .f-42 { font-size: 26px; }
}
@media (max-width: 992px) {
  .f-54 { font-size: 34px; }
}
@media (max-width: 767px) {
  .f-54 { font-size: 26px; }
  .f-38 { font-size: 18px; }
}