.hero {
  padding: var(--hero--padding--mobile) 0;
}

@media (min-width: 768px) {
  .hero {
    padding: var(--hero--padding) 0;
  }
}