%body-text-small {
  font-family: $font-tgn;
  font-size: $font-size-small;
  color: $text;
  line-height: 1.222rem;
  letter-spacing: 0.02rem;
}

%body-text {
  font-family: $font-tgn;
  font-size: $font-size-body-text;
  color: $text;
  line-height: 1.333rem;
  letter-spacing: 0.022rem;

  @include until($tablet) {
    line-height: 1.444rem;
  }
}

h1 {
  font-family: $font-tgn-condensed-bold;
  font-size: 4.444rem;
  color: $ami-white;
  line-height: 4.778rem;
  text-transform: uppercase;
  margin-bottom: 0.75rem;

  @include until($tablet) {
    font-size: 3.111rem;
    line-height: 3.444rem;
  }
}

h2 {
  font-family: $font-tgn-condensed-bold;
  font-size: 3.333rem;
  color: $ami-white;
  line-height: 3.667rem;
  text-transform: uppercase;
  margin-bottom: 0.666rem;

  @include until($tablet) {
    font-size: 2.667rem;
    line-height: 3rem;
  }
}

h3 {
  font-family: $font-tgn-condensed-bold;
  font-size: 2.556rem;
  color: $ami-white;
  line-height: 2.889rem;
  margin-bottom: 0.75rem;

  @include until($tablet) {
    font-size: 2rem;
    line-height: 2.333rem;
  }
}

h4 {
  font-family: $font-tgn-condensed;
  font-size: 1.333rem;
  color: $text;
  line-height: 1.667rem;

  @include until($tablet) {
    font-size: 1.111rem;
    line-height: 1.444rem;
  }
}

p {
  font-family: $font-tgn;
  font-size: 1rem;
  line-height: 1.444rem;
  margin-bottom: 1.389rem;

  strong {
    font-family: $font-tgn-bold;
  }

  @include until($tablet) {
    font-size: 0.8889rem;
    line-height: 1.222rem;
  }

  &.is-small {
    font-size: 0.7778rem;
    line-height: 1.222rem;

    @include until($tablet) {
      font-size: 0.7778rem;
      line-height: 1.222rem;
    }
  }
}