.hero-h1 {
  text-align: center;
  font-weight: 600;
  margin: 20px auto;
  padding: 24px 16px;

  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: inherit;

  background-color: #008c9a;
  color: #ffffff;

  max-width: 100%;
}