.titleXL {
  font-weight: 700;
  font-size: 55px;
  line-height: 110%;

  @include breakpoint-down('deskL') {
    font-size: 49px;
  }

  @include breakpoint-down('deskS') {
    font-size: 43px;
  }
}

.titleL {
  font-weight: 700;
  font-size: 39px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 35px;
    line-height: 120%;
  }

  @include breakpoint-down('deskS') {
    font-size: 31px;
    line-height: 140%;
  }
}

.defaultL {
  font-weight: 400;
  font-size: 39px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 35px;
  }

  @include breakpoint-down('deskS') {
    font-size: 31px;
  }
}

.titleM {
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 25px;
  }

  @include breakpoint-down('deskS') {
    font-size: 22px;
  }
}

.defaultM {
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 25px;
  }

  @include breakpoint-down('deskS') {
    font-size: 22px;
  }
}

.titleBase {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 18px;
  }

  @include breakpoint-down('deskS') {
    font-size: 16px;
  }
}

.CTABase {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;

  @include breakpoint-down('deskL') {
    font-size: 18px;
  }

  @include breakpoint-down('deskS') {
    font-size: 16px;
  }
}

.CTASmall {
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
}

.defaultBase {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 18px;
  }

  @include breakpoint-down('deskS') {
    font-size: 16px;
  }
}

.defaultSmall {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;

  @include breakpoint-down('deskL') {
    font-size: 14px;
  }

  @include breakpoint-down('deskS') {
    font-size: 12px;
  }
}

.defaultXSmall {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;

  @include breakpoint-down('deskL') {
    font-size: 13px;
  }

  @include breakpoint-down('deskS') {
    font-size: 11px;
  }
}