.header__heading-logo-wrapper { max-width: 100%; }

.header__heading-link .h2 {
  display: block;
  font-family: var(--font-heading-family);
  font-size: 2.4rem;
  font-weight: var(--font-heading-weight);
  line-height: 1.1;
  max-width: 21rem;
  overflow-wrap: anywhere;
}

@media screen and (max-width: 749px) {
  .header__heading-link .h2 { font-size: 2rem; max-width: 16.5rem; }
}