@font-face {
  font-family: primary-regular;
  src: url(../fonts/CircularXXWeb-Book.woff2) format("woff2"),
    url(../fonts/CircularXXWeb-Book.woff) format("woff");
}

@font-face {
  font-family: primary-bold;
  src: url(../fonts/CircularXXWeb-Bold.woff2) format("woff2"),
    url(../fonts/CircularXXWeb-Bold.woff) format("woff");
}

:root {
  --font-size-1: 1.4rem;
  --font-size-2: 1.5rem;
  --font-size-3: 1.8rem;
  --font-size-4: 2rem;
  --font-size-5: 2.2rem;
  --font-size-6: 2.5rem;
  --font-size-7: 2.5rem;
  --font-size-8: 3.1rem;
  --font-size-9: 3.5rem;
  --font-size-10: 8.5rem;
  --navigation-text: 3.1rem;
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
  :root {
    --font-size-1: 1.2rem;
    --font-size-2: 1.2rem;
    --font-size-3: 1.4rem;
    --font-size-4: 1.6rem;
    --font-size-5: 1.8rem;
    --font-size-6: 2.4rem;
    --font-size-7: 2.6rem;
    --font-size-8: 2.8rem;
    --font-size-9: 3rem;
    --font-size-10: 7.4rem;
    --navigation-text: 1.4rem;
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --font-size-1: 1.4rem;
    --font-size-2: 1.4rem;
    --font-size-3: 1.65rem;
    --font-size-4: 1.8rem;
    --font-size-5: 2rem;
    --font-size-6: 2.6rem;
    --font-size-7: 3rem;
    --font-size-8: 3.8rem;
    --font-size-9: 4rem;
    --font-size-10: 10rem;
    --navigation-text: 1.65rem;
  }
}
@media screen and (min-width: 1670px) {
  :root {
    --font-size-1: 1.4rem;
    --font-size-2: 1.6rem;
    --font-size-3: 1.8rem;
    --font-size-4: 2rem;
    --font-size-5: 2.4rem;
    --font-size-6: 2.8rem;
    --font-size-7: 3.3rem;
    --font-size-8: 4rem;
    --font-size-9: 4.8rem;
    --font-size-10: 12rem;
    --navigation-text: 1.8rem;
  }
}
@media screen and (min-width: 1920px) {
}
.font__size-1 {
  font-size: var(--font-size-1);
  line-height: 1.5;
}
.font__size-2 {
  font-size: var(--font-size-2);
  line-height: 1.5;
}
.font__size-3 {
  font-size: var(--font-size-3);
  line-height: 1.6;
}
.font__size-4 {
  font-size: var(--font-size-4);
  line-height: 1.2;
}
.font__size-5 {
  font-size: var(--font-size-5);
  line-height: 1.25;
}
.font__size-6 {
  font-size: var(--font-size-6);
  line-height: 1.2;
}
.font__size-7 {
  font-size: var(--font-size-7);
  line-height: 1.3;
}
.font__size-8 {
  font-size: var(--font-size-8);
  line-height: 1.2;
}
.font__size-9 {
  font-size: var(--font-size-9);
  letter-spacing: -0.1px;
  line-height: 1.14;
}
.font__size-10 {
  font-size: var(--font-size-10);
}
.font__bold {
  font-family: primary-bold;
}
.font__size-1 sup {
  font-size: 0.9rem;
}

.font__size-3 sup {
  font-size: 1.1rem;
}