/* Hero padding standardization */
.hero, .banner {
  margin-top: -20px; /* Counteract the header margin-bottom to prevent double spacing */
}

/* Additional hero padding for mobile */
@media (max-width: 768px) {
  .hero, .banner {
    margin-top: -15px;
  }
}