@font-face {
  font-family: primary-light;
  src: url("../fonts/Poppins-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: primary-regular;
  src: url("../fonts/Poppins-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: primary-medium;
  src: url("../fonts/Poppins-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: primary-semi-bold;
  src: url("../fonts/Poppins-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: primary-bold;
  src: url("../fonts/Poppins-Bold.ttf");
  font-weight: 700;
}
.font__bold {
  font-family: primary-bold;
  font-weight: 700;
}
.font__semi-bold {
  font-family: primary-semi-bold;
  font-weight: 600;
}
.font__medium {
  font-family: primary-medium;
  font-weight: 500;
}
.font__regular {
  font-family: primary-regular;
  font-weight: 400;
}
.font__light {
  font-family: primary-light;
  font-weight: 300;
}

:root {
  --font-1: 1.1rem;
  --font-2: 1.2rem;
  --font-3: 1.4rem;
  --font-4: 1.6rem;
  --font-5: 1.8rem;
  --font-6: 2.2rem;
  --font-7: 2.4rem;
  --font-8: 5rem;
  --font-9: 1.1rem;
  --font-10: 1.4rem;
  --font-11: 1.6rem;
  --font-12: 2.2rem;
  --font-13: 4.5rem;
  --font-14: 5rem;
  --font-15: 9rem;
  --font-15--spacing: -4.5px;
  --font-16: 2.2rem;
  --font-17: 3.4rem;
  --font-18: 1.8rem;
  --font-19: 2.2rem;
}

@media screen and (min-width: 992px) {
  :root {
    --font-9: 1.6rem;
    --font-10: 1.8rem;
    --font-11: 1.8rem;
    --font-12: 1.8rem;
    --font-13: 5rem;
    --font-14: 4rem;
    --font-15: 12rem;
    --font-15--spacing: -6px;
    --font-16: 2.4rem;
    --font-18: 1.4rem;
    --font-19: 1.8rem;
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --font-15: 18rem;
    --font-15--spacing: -9px;
  }
}
.font__1 {
  font-size: var(--font-1);
}

.font__2 {
  font-size: var(--font-2);
  line-height: 1.5;
}

.font__3 {
  font-size: var(--font-3);
}

.font__4 {
  font-size: var(--font-4);
}

.font__5 {
  font-size: var(--font-5);
}

.font__6 {
  font-size: var(--font-6);
}

.font__7 {
  font-size: var(--font-7);
  line-height: 1.25;
}

.font__8 {
  font-size: var(--font-8);
}

.font__9 {
  font-size: var(--font-9);
  line-height: 1;
}

.font__10 {
  font-size: var(--font-10);
}

.font__11 {
  font-size: var(--font-11);
}

.font__12 {
  font-size: var(--font-12);
}

.font__13 {
  font-size: var(--font-13);
  line-height: 1;
  letter-spacing: -2.5px;
}

.font__14 {
  font-size: var(--font-14);
  line-height: 1;
}

.font__15 {
  font-size: var(--font-15) !important;
  letter-spacing: var(--font-15--spacing) !important;
  line-height: 1 !important;
}

.font__16 {
  font-size: var(--font-16);
  letter-spacing: -0.66px;
}
.font__17 {
  font-size: var(--font-17);
  line-height: 1.1;
  letter-spacing: -0.68px;
}
.font__18 {
  font-size: var(--font-18);
}
.font__19 {
  font-size: var(--font-19);
}