h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.h8 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  color: #141414;
}
h1,
.h1 {
  font-size: 2rem;
  line-height: 120%;
}
h2,
.h2 {
  font-size: 1.75rem;
  line-height: 120%;
}
h3,
.h3 {
  font-size: 1.5rem;
  line-height: 120%;
}
h4,
.h4 {
  font-size: 1.375rem;
  line-height: 130%;
}
h5,
.h5 {
  font-size: 1.25rem;
  line-height: 140%;
}
h6,
.h6 {
  font-size: 1.125rem;
  line-height: 140%;
}
h7,
.h7 {
  font-size: 1rem;
  line-height: 140%;
}
h8,
.h8 {
  font-size: 1rem;
  line-height: 140%;
}
.btn {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.02rem;
}
.subheading-1 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 1rem;
  line-height: 200%;
  letter-spacing: 0.02em;
}
.subheading-2 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 200%;
  letter-spacing: 0.02em;
}
.subheading-3 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 200%;
  letter-spacing: 0.02em;
}
.eyebrow {
  text-transform: uppercase;
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  color: #141414;
  font-size: 0.75rem;
  line-height: 140%;
  letter-spacing: 0.2em;
}
.label-1 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 600;
  font-size: 1rem;
  line-height: 140%;
}
.label-2 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.label-3 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 140%;
}
.oversize-1 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 4.5rem;
  line-height: 120%;
}
.oversize-2 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 4rem;
  line-height: 120%;
}
.oversize-3 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 120%;
}
.oversize-4 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 3rem;
  line-height: 130%;
}
.oversize-5 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 140%;
}
.list-item {
  font-family: CelestePro, Georgia, serif;
  color: #141414;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
}
.nav-headline,
.nav-subheader,
.nav-list {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  line-height: 140%;
  letter-spacing: 0.02rem;
}
.nav-headline {
  font-size: 1rem;
  font-weight: 600;
}
.nav-subheader,
.nav-list {
  font-size: 0.75rem;
}
.nav-subheader {
  font-weight: 600;
}
.nav-list {
  font-weight: 500;
}
.text-hairline,
.text-100 {
  font-weight: 100;
}
.text-thin,
.text-200 {
  font-weight: 200;
}
.text-light,
.text-300 {
  font-weight: 300;
}
.text-book,
.text-regular,
.text-400 {
  font-weight: 400;
}
.text-medium,
.text-500 {
  font-weight: 500;
}
.text-demibold,
.text-semibold,
.text-600 {
  font-weight: 600;
}
.text-bold,
.text-700 {
  font-weight: 700;
}
.text-extrabold,
.text-800 {
  font-weight: 800;
}
.text-black,
.text-900 {
  font-weight: 900;
}
.body-serif-1,
.body-serif-2,
.body-serif-3,
.body-serif-4,
.body-serif-5 {
  font-family: CelestePro, Georgia, serif;
  color: #141414;
  line-height: 120%;
}
.body-serif-1,
.body-serif-2 {
  font-size: 1rem;
}
.body-serif-3,
.body-serif-4,
.body-serif-5 {
  font-size: 0.875rem;
}
.body-sans-1,
.body-sans-2,
.body-sans-3,
.body-sans-4,
.body-sans-5 {
  font-family: TT Hoves, Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  line-height: 150%;
}
.body-sans-1,
.body-sans-2 {
  font-size: 1rem;
}
.body-sans-3 {
  font-size: 0.875rem;
}
.body-sans-4,
.body-sans-5 {
  font-size: 0.75rem;
}
.quote-1 {
  font-family: CelestePro, Georgia, serif;
  font-weight: 400;
  color: #141414;
  font-size: 1.875rem;
  line-height: 130%;
}
.quote-2 {
  font-family: CelestePro, Georgia, serif;
  font-weight: 400;
  color: #141414;
  font-size: 1.625rem;
  line-height: 140%;
}
.quote-3 {
  font-family: CelestePro, Georgia, serif;
  font-weight: 400;
  color: #141414;
  font-size: 1.5rem;
  line-height: 140%;
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
/* sm mobile & down ========== (767)
============================== */
@media (max-width: 767.98px) {
  .btn {
    font-size: 0.875rem;
  }
}
/* xs mobile & down ========== (575)
============================== */
@media (max-width: 575.98px) {
  .container-fluid {
    padding: 0 30px;
  }
  .btn {
    font-size: 0.875rem;
  }
}
/* sm mobile & down ========== (767)
============================== */
@media (max-width: 767.98px) {
  .btn {
    font-size: 0.875rem;
  }
}
/* xs mobile & down ========== (575)
============================== */
@media (max-width: 575.98px) {
  .btn {
    font-size: 0.875rem;
  }
}
/* xs mobile & up ============ (375)
============================== */
@media (min-width: 375px) {
  /* this breakpoint is only needed to override previous styles that use this breakpoint to start scaling fonts up */
  h1,
  .h1 {
    font-size: 2rem;
  }
  h2,
  .h2 {
    font-size: 1.75rem;
  }
  h3,
  .h3 {
    font-size: 1.5rem;
  }
  h4,
  .h4 {
    font-size: 1.375rem;
  }
  h5,
  .h5 {
    font-size: 1.25rem;
  }
  h6,
  .h6 {
    font-size: 1.125rem;
  }
  h7,
  .h7 {
    font-size: 1rem;
  }
  h8,
  .h8 {
    font-size: 1rem;
  }
  .eyebrow {
    font-size: 0.75rem;
  }
}
/* sm mobile & up ============ (576)
============================== */
/*  md tablet & up =========== (768)
============================== */
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 2rem;
    font-size: calc(2rem + (72 - 32) * ((100vw - 768px) / (1920 - 768)));
  }
  h2,
  .h2 {
    font-size: 1.75rem;
    font-size: calc(1.75rem + (64 - 28) * ((100vw - 768px) / (1920 - 768)));
  }
  h3,
  .h3 {
    font-size: 1.5rem;
    font-size: calc(1.5rem + (56 - 24) * ((100vw - 768px) / (1920 - 768)));
  }
  h4,
  .h4 {
    font-size: 1.375rem;
    font-size: calc(1.375rem + (48 - 22) * ((100vw - 768px) / (1920 - 768)));
  }
  h5,
  .h5 {
    font-size: 1.25rem;
    font-size: calc(1.25rem + (40 - 20) * ((100vw - 768px) / (1920 - 768)));
  }
  h6,
  .h6 {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (32 - 18) * ((100vw - 768px) / (1920 - 768)));
  }
  h7,
  .h7 {
    font-size: 1rem;
    font-size: calc(1rem + (24 - 16) * ((100vw - 768px) / (1920 - 768)));
  }
  h8,
  .h8 {
    font-size: 1rem;
  }
  .btn {
    font-size: 0.875rem;
  }
  .subheading-1 {
    font-size: 1rem;
  }
  .subheading-2 {
    font-size: 0.875rem;
  }
  .subheading-3 {
    font-size: 0.875rem;
  }
  .eyebrow {
    font-size: 0.75rem;
  }
  .label-1 {
    font-size: 1rem;
  }
  .label-2 {
    font-size: 0.875rem;
  }
  .label-3 {
    font-size: 0.75rem;
  }
  .oversize-1 {
    font-size: 4.5rem;
    font-size: calc(4.5rem + (152 - 72) * ((100vw - 768px) / (1920 - 768)));
  }
  .oversize-2 {
    font-size: 4rem;
    font-size: calc(4rem + (136 - 64) * ((100vw - 768px) / (1920 - 768)));
  }
  .oversize-3 {
    font-size: 3.5rem;
    font-size: calc(3.5rem + (120 - 56) * ((100vw - 768px) / (1920 - 768)));
  }
  .oversize-4 {
    font-size: 3rem;
    font-size: calc(3rem + (104 - 48) * ((100vw - 768px) / (1920 - 768)));
  }
  .oversize-5 {
    font-size: 2.25rem;
    font-size: calc(2.25rem + (88 - 36) * ((100vw - 768px) / (1920 - 768)));
  }
  .nav-headline {
    font-size: 1rem;
  }
  .nav-subheader,
  .nav-list {
    font-size: 0.75rem;
  }
  .quote-1 {
    font-size: 1.875rem;
    font-size: calc(1.875rem + (48 - 30) * ((100vw - 768px) / (1920 - 768)));
  }
  .quote-2 {
    font-size: 1.625rem;
    font-size: calc(1.625rem + (40 - 26) * ((100vw - 768px) / (1920 - 768)));
  }
  .quote-3 {
    font-size: 1.5rem;
    font-size: calc(1.5rem + (32 - 24) * ((100vw - 768px) / (1920 - 768)));
  }
}
/* desktop & up ============ (992)
============================== */
@media (min-width: 992px) {
  .btn {
    font-size: 0.9rem;
  }
  .subheading-1 {
    font-size: 1.075rem;
  }
  .subheading-2 {
    font-size: 0.925rem;
  }
  .subheading-3 {
    font-size: 0.9rem;
  }
  .eyebrow {
    font-size: 0.825rem;
  }
  .label-1 {
    font-size: 1.025rem;
  }
  .label-2 {
    font-size: 0.9rem;
  }
  .label-3 {
    font-size: 0.775rem;
  }
  .nav-headline {
    font-size: 1.025rem;
  }
  .nav-subheader,
  .nav-list {
    font-size: 0.775rem;
  }
  .body-serif-1 {
    font-size: 1.1rem;
  }
  .body-serif-2 {
    font-size: 1.075rem;
  }
  .body-serif-3 {
    font-size: 0.95rem;
  }
  .body-serif-4 {
    font-size: 0.925rem;
  }
  .body-serif-5 {
    font-size: 0.9rem;
  }
  .body-sans-1 {
    font-size: 1.075rem;
  }
  .body-sans-2 {
    font-size: 1.05rem;
  }
  .body-sans-3 {
    font-size: 0.925rem;
  }
  .body-sans-4 {
    font-size: 0.8rem;
  }
  .body-sans-5 {
    font-size: 0.775rem;
  }
}
/* xl desktop & up ========= (1200)
============================== */
@media (min-width: 1200px) {
  .btn {
    font-size: 0.925rem;
  }
  .subheading-1 {
    font-size: 1.15rem;
  }
  .subheading-2 {
    font-size: 0.975rem;
  }
  .subheading-3 {
    font-size: 0.925rem;
  }
  .eyebrow {
    font-size: 0.9rem;
  }
  .label-1 {
    font-size: 1.05rem;
  }
  .label-2 {
    font-size: 0.925rem;
  }
  .label-3 {
    font-size: 0.8rem;
  }
  .nav-headline {
    font-size: 1.05rem;
  }
  .nav-subheader,
  .nav-list {
    font-size: 0.8rem;
  }
  .body-serif-1,
  .body-serif-2,
  .body-serif-3,
  .body-serif-4,
  .body-serif-5 {
    line-height: 150%;
  }
  .body-serif-1 {
    font-size: 1.2rem;
  }
  .body-serif-2 {
    font-size: 1.15rem;
  }
  .body-serif-3 {
    font-size: 1.025rem;
  }
  .body-serif-4 {
    font-size: 0.975rem;
  }
  .body-serif-5 {
    font-size: 0.925rem;
  }
  .body-sans-1 {
    font-size: 1.15rem;
  }
  .body-sans-2 {
    font-size: 1.1rem;
  }
  .body-sans-3 {
    font-size: 0.975rem;
  }
  .body-sans-4 {
    font-size: 0.85rem;
  }
  .body-sans-5 {
    font-size: 0.8rem;
  }
}
/* xxl desktop & up ========= (1400)
============================== */
@media (min-width: 1400px) {
  .btn {
    font-size: 0.95rem;
  }
  .subheading-1 {
    font-size: 1.225rem;
  }
  .subheading-2 {
    font-size: 1.025rem;
  }
  .subheading-3 {
    font-size: 0.95rem;
  }
  .eyebrow {
    font-size: 0.975rem;
  }
  .label-1 {
    font-size: 1.075rem;
  }
  .label-2 {
    font-size: 0.95rem;
  }
  .label-3 {
    font-size: 0.825rem;
  }
  .nav-headline {
    font-size: 1.075rem;
  }
  .nav-subheader,
  .nav-list {
    font-size: 0.825rem;
  }
  .body-serif-1 {
    font-size: 1.3rem;
  }
  .body-serif-2 {
    font-size: 1.225rem;
  }
  .body-serif-3 {
    font-size: 1.1rem;
  }
  .body-serif-4 {
    font-size: 1.025rem;
  }
  .body-serif-5 {
    font-size: 0.95rem;
  }
  .body-sans-1 {
    font-size: 1.225rem;
  }
  .body-sans-2 {
    font-size: 1.15rem;
  }
  .body-sans-3 {
    font-size: 1.025rem;
  }
  .body-sans-4 {
    font-size: 0.9rem;
  }
  .body-sans-5 {
    font-size: 0.825rem;
  }
}
/* xxxl desktop & up ========= (1600)
============================== */
@media (min-width: 1600px) {
  .btn {
    font-size: 0.975rem;
  }
  .subheading-1 {
    font-size: 1.3rem;
  }
  .subheading-2 {
    font-size: 1.075rem;
  }
  .subheading-3 {
    font-size: 0.975rem;
  }
  .eyebrow {
    font-size: 1.05rem;
  }
  .label-1 {
    font-size: 1.1rem;
  }
  .label-2 {
    font-size: 0.975rem;
  }
  .label-3 {
    font-size: 0.85rem;
  }
  .nav-headline {
    font-size: 1.1rem;
  }
  .nav-subheader,
  .nav-list {
    font-size: 0.85rem;
  }
  .body-serif-1 {
    font-size: 1.4rem;
  }
  .body-serif-2 {
    font-size: 1.3rem;
  }
  .body-serif-3 {
    font-size: 1.175rem;
  }
  .body-serif-4 {
    font-size: 1.075rem;
  }
  .body-serif-5 {
    font-size: 0.975rem;
  }
  .body-sans-1 {
    font-size: 1.3rem;
  }
  .body-sans-2 {
    font-size: 1.2rem;
  }
  .body-sans-3 {
    font-size: 1.075rem;
  }
  .body-sans-4 {
    font-size: 0.95rem;
  }
  .body-sans-5 {
    font-size: 0.85rem;
  }
}
/* full screen =============== (1920)
============================== */
@media (min-width: 1920px) {
  .btn {
    font-size: 1rem;
    font-size: calc(1rem + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h1,
  .h1 {
    font-size: 4.5rem;
    font-size: calc(4.5rem + (144 - 72) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h2,
  .h2 {
    font-size: 4rem;
    font-size: calc(4rem + (128 - 64) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h3,
  .h3 {
    font-size: 3.5rem;
    font-size: calc(3.5rem + (112 - 56) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h4,
  .h4 {
    font-size: 3rem;
    font-size: calc(3rem + (96 - 48) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h5,
  .h5 {
    font-size: 2.5rem;
    font-size: calc(2.5rem + (80 - 40) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h6,
  .h6 {
    font-size: 2rem;
    font-size: calc(2rem + (64 - 32) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h7,
  .h7 {
    font-size: 1.5rem;
    font-size: calc(1.5rem + (48 - 24) * ((100vw - 1920px) / (3840 - 1920)));
  }
  h8,
  .h8 {
    font-size: 1rem;
    font-size: calc(1rem + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .subheading-1 {
    font-size: 1.375rem;
    font-size: calc(1.375rem + (44 - 22) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .subheading-2 {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (36 - 18) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .subheading-3 {
    font-size: 1rem;
    font-size: calc(1rem + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .eyebrow {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (36 - 18) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .label-1 {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (36 - 18) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .label-2 {
    font-size: 1rem;
    font-size: calc(1rem + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .label-3 {
    font-size: 0.875rem;
    font-size: calc(0.875rem + (28 - 14) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .oversize-1 {
    font-size: 9.5rem;
    font-size: calc(9.5rem + (304 - 152) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .oversize-2 {
    font-size: 8.5rem;
    font-size: calc(8.5rem + (272 - 136) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .oversize-3 {
    font-size: 7.5rem;
    font-size: calc(7.5rem + (240 - 120) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .oversize-4 {
    font-size: 6.5rem;
    font-size: calc(6.5rem + (208 - 104) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .oversize-5 {
    font-size: 5.5rem;
    font-size: calc(5.5rem + (176 - 88) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .nav-headline {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (36 - 18) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .nav-subheader,
  .nav-list {
    font-size: 0.875rem;
    font-size: calc(0.875rem + (28 - 14) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-serif-1 {
    font-size: 1.5rem;
    font-size: calc(1.5rem + (48 - 24) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-serif-2 {
    font-size: 1.375rem;
    font-size: calc(1.375rem + (44 - 22) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-serif-3 {
    font-size: 1.25rem;
    font-size: calc(1.25rem + (40 - 20) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-serif-4 {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (36 - 18) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-serif-5 {
    font-size: 1rem;
    font-size: calc(1rem + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-sans-1 {
    font-size: 1.375rem;
    font-size: calc(1.375rem + (44 - 22) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-sans-2 {
    font-size: 1.25rem;
    font-size: calc(1.25rem + (40 - 20) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-sans-3 {
    font-size: 1.125rem;
    font-size: calc(1.125rem + (36 - 18) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-sans-4 {
    font-size: 1rem;
    font-size: calc(1rem + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .body-sans-5 {
    font-size: 0.875rem;
    font-size: calc(0.875rem + (28 - 14) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .quote-1 {
    font-size: 3rem;
    font-size: calc(3rem + (96 - 48) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .quote-2 {
    font-size: 2.5rem;
    font-size: calc(2.5rem + (80 - 40) * ((100vw - 1920px) / (3840 - 1920)));
  }
  .quote-3 {
    font-size: 2rem;
    font-size: calc(2rem + (64 - 32) * ((100vw - 1920px) / (3840 - 1920)));
  }
}
@media (min-width: 3840px) {
  .btn {
    font-size: 2rem;
  }
  h1,
  .h1 {
    font-size: 9rem;
  }
  h2,
  .h2 {
    font-size: 8rem;
  }
  h3,
  .h3 {
    font-size: 7rem;
  }
  h4,
  .h4 {
    font-size: 6rem;
  }
  h5,
  .h5 {
    font-size: 5rem;
  }
  h6,
  .h6 {
    font-size: 4rem;
  }
  h7,
  .h7 {
    font-size: 3rem;
  }
  h8,
  .h8 {
    font-size: 2rem;
  }
  .subheading-1 {
    font-size: 2.75rem;
  }
  .subheading-2 {
    font-size: 2.25rem;
  }
  .subheading-3 {
    font-size: 2rem;
  }
  .eyebrow {
    font-size: 2.25rem;
  }
  .label-1 {
    font-size: 2.25rem;
  }
  .label-2 {
    font-size: 2rem;
  }
  .label-3 {
    font-size: 1.75rem;
  }
  .oversize-1 {
    font-size: 19rem;
  }
  .oversize-2 {
    font-size: 17rem;
  }
  .oversize-3 {
    font-size: 15rem;
  }
  .oversize-4 {
    font-size: 13rem;
  }
  .oversize-5 {
    font-size: 11rem;
  }
  .nav-headline {
    font-size: 2.25rem;
  }
  .nav-subheader,
  .nav-list {
    font-size: 1.75rem;
  }
  .body-serif-1 {
    font-size: 3rem;
  }
  .body-serif-2 {
    font-size: 2.75rem;
  }
  .body-serif-3 {
    font-size: 2.5rem;
  }
  .body-serif-4 {
    font-size: 2.25rem;
  }
  .body-serif-5 {
    font-size: 2rem;
  }
  .body-sans-1 {
    font-size: 2.75rem;
  }
  .body-sans-2 {
    font-size: 2.5rem;
  }
  .body-sans-3 {
    font-size: 2.25rem;
  }
  .body-sans-4 {
    font-size: 2rem;
  }
  .body-sans-5 {
    font-size: 1.75rem;
  }
  .quote-1 {
    font-size: 6rem;
  }
  .quote-2 {
    font-size: 5rem;
  }
  .quote-3 {
    font-size: 4rem;
  }
}