/* Hero padding reductions for tablet/phone */

@media (max-width: 1024px) {
  .hero {
    margin-top: 44px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 36px 0 44px 0;
    min-height: 480px;
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  .hero {
    margin-top: 32px;
    margin-left: 12px;
    margin-right: 12px;
    padding: 28px 0 34px 0;
    min-height: 440px;
    border-radius: 18px;
  }
}

@media (max-width: 480px) {
  .hero {
    margin-top: 22px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 22px 0 26px 0;
    min-height: 400px;
    border-radius: 16px;
  }
}