h1 {
  font-family: 'GTCinetype-Mono';
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;

  @media (--tablet) {
    font-size: var(--font-size-xxxl);
    line-height: 46px;
  }
}

h2 {
  font-family: 'Rubik';
  font-size: var(--font-size-xl);
  font-weight: 400;
  line-height: 39px;

  @media (--tablet) {
    font-size: var(--font-size-xxl);
    line-height: 51px;
  }
}

h3 {
  font-family: 'Rubik';
  font-size: var(--font-size-l);
  font-weight: 400;
  line-height: 25px;

  @media (--tablet) {
    font-size: var(--font-size-xl);
    line-height: 33px;
  }
}

h4 {
  font-family: 'Rubik';
  font-size: var(--font-size-ml);
  font-weight: 400;
  line-height: 22px;

  @media (--tablet) {
    font-size: var(--font-size-l);
    line-height: 29px;
  }
}
