@font-face {
  font-family: primary-light;
  src: url("../fonts/SpaceGrotesk-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: primary-regular;
  src: url("../fonts/SpaceGrotesk-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: primary-bold;
  src: url("../fonts/SpaceGrotesk-Bold.ttf");
  font-weight: 700;
}

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

@media screen and (min-width: 992px) {
  :root {
    --font-10: 1.8rem;
    --font-11: 2.6rem;
    --font-12: 2.6rem;
    --font-13: 4.2rem;
    --font-14: 8rem;
    --font-15: 1.8rem;
    --font-16: 1.4rem;
      --font-18:25rem

  }
}
.font__bold {
  font-family: primary-bold;
  font-weight: 700;
}

.font__regular {
  font-family: primary-regular;
  font-weight: 400;
}
.font__light {
  font-family: primary-light;
  font-weight: 300;
}
.font__1 {
  font-size: var(--font-1);
}
.font__2 {
  font-size: var(--font-2);
}
.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);
  letter-spacing: -1.8px;
}
.font__8 {
  font-size: var(--font-8);
}
.font__9 {
  font-size: var(--font-9);
}
.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);
}
.font__14 {
  font-size: var(--font-14);
}
.font__15 {
  font-size: var(--font-15);
}
.font__16 {
  font-size: var(--font-16);
}
.font__17 {
  font-size: var(--font-17);
}
.font__18 {
  font-size: var(--font-18);
}
.font__text {
  font-size: 1.6rem;
}
.font__small {
  font-size: 7px;
  color: #6d7283;
}
.lh__small {
  line-height: 0.7;
}
.ls__medium {
  letter-spacing: 3.2px;
}