@media (max-width: 412px) {
  .hero-title-primary {
    font-size: 40px;
  }
  .hero-title-secondary {
    font-size: 40px;
  }
  .social-icon {
    width: 40px;
    height: 40px;
  }
  .social-media {
    top: 30%;
  }
  .bonus-percentage {
    font-size: 40px;
  }
  .bonus-line {
    font-size: 25px;
  }
  .whatsapp-btn span {
    font-size: 18px;
  }
  .whatsapp-icon {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 360px) {
  .hero-title-primary {
    font-size: 35px;
  }
  .hero-title-secondary {
    font-size: 35px;
  }
}

@media (max-width: 320px) {
  .social-media {
    top: 40%;
  }
  .logo {
    width: 160px;
  }
  .bonus-line {
    font-size: 20px;
  }
  .bonus-percentage {
    font-size: 30px;
  }
  .action-section {
    flex-wrap: wrap;
  }
  .bonus-section {
    margin-top: 150px;
  }
}