.text-xs {
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */
}

.text-sm {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}

.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}

.text-lg {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}

.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}

.text-2xl {
  font-size: 1.2rem; /* 24px */
  line-height: 1.2rem; /* 24px */
}

.text-3xl {
  font-size: 1.75rem; /* 28px */
  line-height: 1.75rem; /* 28px */
}

.text-4xl {
  font-size: 2.25rem; /* 36px */
  line-height: 2.5rem; /* 40px */
}

.text-5xl {
  font-size: 2.7rem;
  line-height: 2.25rem;
}

.text-6xl {
  font-size: 2.75rem; /* 60px */
  line-height: 2.95rem;
}

.text-7xl {
  font-size: 3.5rem; /*56px*/
  line-height: 2.5rem; /*40px*/
}

.text-8xl {
  font-size: 4.2rem; /* 67.2px */
  line-height: 3.5rem; /* 40px */
}

.text-9xl {
  font-size: 7rem; /* 112px */
  line-height: 6rem; /* 96px */
}

.text-10xl {
  font-size: 3rem; /* 80px */
  line-height: 2rem; /* 56px */
}

@media screen and (min-width: 992px) {
  .text-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }
  .text-2xl {
    font-size: 1.75rem; /* 28px */
    line-height: 1.75rem; /* 28px */
  }
  .text-3xl {
    font-size: 1.95rem; /* 28px */
    line-height: 1.75rem; /* 28px */
  }
  .text-7xl {
    font-size: 4.5625rem; /* 73px */
    line-height: 3.7281rem; /* 59.6496px */
  }
  .text-8xl {
    font-size: 5rem; /* 80px */
    line-height: 3.5rem; /* 56px */
  }
  .text-10xl {
    font-size: 5rem; /* 80px */
    line-height: 4rem; /* 72px*/
  }
}

@media screen and (min-width: 1200px) {
  .text-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }

  .text-2xl {
    font-size: 1.75rem; /* 28px */
    line-height: 1.75rem; /* 28px */
  }

  .text-3xl {
    font-size: 2rem; /* 28px */
    line-height: 1.75rem; /* 28px */
  }

  .text-5xl {
    font-size: 3rem; /* 48px */
    line-height: 3.25rem;
  }

  .text-7xl {
    font-size: 5.5625rem; /* 72px */
    line-height: 4.7281rem; /* 75.6496px */
  }

  .text-8xl {
    font-size: 5rem; /* 80px */
    line-height: 4rem; /* 72px*/
  }
  .text-10xl {
    font-size: 7rem; /* 112px */
    line-height: 6rem; /* 96px */
  }
}

@media screen and (min-width: 1400px) {
  .text-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
  }

  .text-2xl {
    font-size: 1.75rem; /* 28px */
    line-height: 1.75rem; /* 28px */
  }

  .text-3xl {
    font-size: 2.315rem; /* 37px */
    line-height: 2.25rem; /* 36px */
  }

  .text-4xl {
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
  }

  .text-5xl {
    font-size: 3rem; /* 48px */
    line-height: 3.25rem;
  }

  .text-6xl {
    font-size: 3.75rem; /* 60px */
    line-height: 3.95rem;
  }

  .text-7xl {
    font-size: 5.5625rem; /* 72px */
    line-height: 4.7281rem; /* 75.6496px */
  }

  .text-8xl {
    font-size: 6rem; /* 96px */
    line-height: 4.5rem; /* 72px*/
  }

  .text-9xl {
    font-size: 7rem; /* 112px */
    line-height: 6rem; /* 96px */
  }

  .text-10xl {
    font-size: 8rem; /* 128px */
    line-height: 7rem; /* 112px */
  }
}