.brand,
.hero h1,
.article-page h1,
.card-copy h2,
.article-body h2,
.article-body h3,
.empty-public h1,
.site-footer a {
  overflow-wrap: anywhere;
}

@media (max-width: 340px) {
  .hero h1 {
    font-size: 32px;
  }
}