.text-xl{
    font-size: var(--font-size-x-large);
}
.text-2xl{
    font-size: var(--font-size-2x-large);
}
.text-3xl{
    font-size: var(--font-size-3x-large);
}
.text-4xl{
    font-size: var(--font-size-4x-large);
}
.text-5xl{
    font-size: var(--font-size-5x-large);
}
.text-6xl{
    font-size: var(--font-size-6x-large);
}

@media screen and (max-width:39.9375em) {
  .text-3xl{
    font-size: var(--font-size-x-large);
  }
  .text-4xl{
    font-size: var(--font-size-2x-large);
  }
  .text-5xl{
    font-size: var(--font-size-3x-large);
  }
}