@media (max-width: 1000px) {
  .construction-page {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .features {
    grid-template-columns: repeat(2, 1fr);
  }

  .tagline {
    letter-spacing: 4px;
  }
}

@media (max-width: 600px) {
  .construction-page {
    padding: 35px 5%;
  }

  .hero-card {
    padding: 30px 22px;
  }

  .features {
    grid-template-columns: 1fr;
  }

  .tagline {
    font-size: .8rem;
    letter-spacing: 2px;
  }

  .description {
    font-size: 1rem;
  }

  .robot {
    transform: scale(.85);
  }
}