.hero-title {
  font-size: 6.5rem !important;
  letter-spacing: -0.5rem;
  line-height: 6.75rem;
  font-weight: 900;
}
@media (max-width: 992px) {
  .hero-title { /* Bootstrap lg breakpoint */
    font-size: 4.5rem !important;
    letter-spacing: -0.1rem;
    line-height: 5.25rem;
  }
}
@media (max-width: 768px) {
  .hero-title { /* Bootstrap md breakpoint */
    font-size: 3rem !important;
    letter-spacing: -0.1rem;
    line-height: 3.25rem;
  }
}
@media (max-width: 576px) {
  .hero-title { /* Bootstrap sm breakpoint */
    font-size: 2rem !important;
    letter-spacing: -0.1rem;
    line-height: 2.25rem;
  }
}