@font-face {
  font-family: haas-55;
  src: url("/fonts/NHaasGroteskDSPro-55Rg.otf") format("opentype");
}

@font-face {
  font-family: haas-65;
  font-weight: bold;
  src: url("/fonts/NHaasGroteskDSPro-65Md.otf") format("opentype");
}
@font-face {
  font-family: teodor;
  font-weight: bold;
  src: url("/fonts/Teodor-Regular.otf") format("opentype");
}

.teodor {
  font-family: 'teodor', sans-serif;
}
.haas-55 {
  font-family: 'haas-55', sans-serif;
}
.haas-65 {
  font-family: 'haas-65', sans-serif;
}

h1 {
  font-family: 'teodor', sans-serif;
  font-size: 96px;
  line-height: 96px;
}

.h1 {
  font-family: 'teodor', sans-serif;
  font-size: 96px;
  font-weight: normal;
  line-height: 96px;
}
.h2 {
  font-family: 'teodor', sans-serif;
  font-size: 64px;
  font-weight: normal;
  line-height: 64px;
}
.h3 {
  font-family: 'teodor', sans-serif;
  font-size: 48px;
  font-weight: normal;
  line-height: 48px;
}
.h4 {
  font-family: 'teodor', sans-serif;
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
}
.h5 {
  font-family: 'teodor', sans-serif;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
}
.body-regular {
  font-family: 'haas-55', sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0.03em;
}
.body-medium {
  font-family: 'haas-65', sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0.03em;
}
.body-small {
  font-family: 'haas-55', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.03em;
}
.text-medium { font-size: 18px; }
.text-small { font-size: 16px; }

.fw1 { font-weight: 100; }
.fw2 { font-weight: 200; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }
.fw9 { font-weight: 900; }

@media (min-width: 768px) {
  .f1-ns { font-size: 3rem; }
  .f2-ns { font-size: 2.25rem; }
  .f3-ns { font-size: 1.5rem; }
  .f4-ns { font-size: 1.25rem; }
  .f5-ns { font-size: 1rem; }
  .f6-ns { font-size: .875rem; }
  .f7-ns { font-size: .75rem; }
  .text-h1 {
    font-size: 96px;
    line-height: 96px;
  }
  .h1-ns {
    font-family: 'teodor', sans-serif;
    font-size: 96px;
    font-weight: normal;
    line-height: 96px;
  }
  .h2-ns {
    font-family: 'teodor', sans-serif;
    font-size: 64px;
    font-weight: normal;
    line-height: 64px;
  }
  .h3-ns {
    font-family: 'teodor', sans-serif;
    font-size: 48px;
    font-weight: normal;
    line-height: 48px;
  }
  .h4-ns {
    font-family: 'teodor', sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
  }
  .h5-ns {
    font-family: 'teodor', sans-serif;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
  }
  .body-regular {
    font-size: 18px;
  }
  .body-medium {
    font-size: 18px;
  }
}

.lh-copy {
  line-height: 1.5;
}

strong {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.tc {
  text-align: center;
}
.linethrough {
  text-decoration: line-through;
}
.no-underline { text-decoration: none; }