/* ============================================
   BREAKPOINT-SPECIFIC OVERRIDES
   Only add rules here if Tailwind's responsive
   classes (sm:, md:, lg: in the HTML) can't
   handle it. Keep this file small.
   ============================================ */

@media (max-width: 640px) {
  /* Tighter line-height on small screens so the big headline doesn't look too spaced out */
  #heroHeadline {
    line-height: 1.15;
  }
}