/* Responsive adjustments */
@media (max-width: 1100px){
  .grid-2{grid-template-columns:1fr;gap:28px}
}

/* Hero background images */
@media (min-width: 981px){
  .hero.hero--bg{background-image:url('assets/images/hero/hero-bg-1920.jpg')}
}
@media (max-width: 980px){
  .hero.hero--bg{background-image:url('assets/images/hero/hero-bg-1280.jpg')}
}

@media (max-width: 980px){
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-wrap{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 640px){
  .section-spacing{padding:64px 0}
  .nav-toggle{display:inline-flex;background:transparent;border:1px solid rgba(255,255,255,.18);color:#E2E8F0;border-radius:10px;padding:8px 10px}
  .nav-list{display:none;position:absolute;right:12px;top:64px;background:#0C1428;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;flex-direction:column;min-width:200px}
  .nav-list.open{display:flex}
  .cards-grid{grid-template-columns:1fr}
  .portfolio-grid{grid-template-columns:1fr}
  .reviews-wrap{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .contact-form .grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}