below-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
  max-width: 30.625rem;
  margin: 4rem auto 0;
  padding: 0 1.25rem;
  scroll-margin-top: 5rem;
  @media (min-width: 993px) {
    gap: 5rem;
    max-width: 56.25rem;
    margin: 5rem auto 0;
    padding: 0;
  }
  @media (min-width: 1441px) {
    gap: 6.25rem;
    max-width: 75rem;
    margin: 6.25rem auto 0;
  }
}