.headline h1 {
  font-family: var(--font-family-helvetica);
  font-size: var(--font-size-xxx-large);
  font-weight: 700;
  line-height: 0.98;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 var(--space-medium);
}

.headline h2 {
  font-family: var(--font-family-helvetica);
  font-size: var(--font-size-xx-large);
  font-weight: 700;
  line-height: 1.12;
  margin: var(--space-small) auto 0 auto;
  max-width: 100%;
  padding: 0 var(--space-medium);
}

@media (max-width: 720px) {
  .headline h1 {
    font-size: 44px;
    max-width: 12ch;
    padding: 0 20px;
  }

  .headline h2 {
    font-size: 22px;
    line-height: 1.18;
    max-width: 32ch;
    padding: 0 24px;
  }
}

@media (max-width: 380px) {
  .headline h1 {
    font-size: 40px;
  }

  .headline h2 {
    font-size: 20px;
    max-width: 30ch;
  }
}