.title-text {
  font-weight: bolder;
}

.title-text.xs {
  font-size: 0.75rem;
}

.title-text.sm {
  font-size: 1.1rem;
}

.title-text.md {
  font-size: 1.25rem;
}

.title-text.lg {
  font-size: 1.5rem;
}

.title-text.xl {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .title-text.xs {
    font-size: 0.5rem;
  }
  .title-text.sm {
    font-size: 0.75rem;
  }
  .title-text.md {
    font-size: 1rem;
  }
  .title-text.lg {
    font-size: 1.25rem;
  }
  .title-text.xl {
    font-size: 1.5rem;
  }
}