/* Homepage slogan: real, static text. Typography and cyan emphasis use the
   existing .hero h1, .line and em rules in styles.css. */
.hero h1.hero-headline { margin: 0; }
.hero h1.hero-headline .line { white-space: normal; text-wrap: balance; }

@media (max-width: 600px) {
  .hero-copy .primary { margin-top: 24px; }
}
@media (max-width: 359px) {
  .hero-copy .primary { margin-top: 21px; }
}