@media (max-width: 980px){
  .hero__grid{ grid-template-columns: 1fr; }
  .hero-card__media{ height:280px; }
  .portfolio-grid{ grid-template-columns: repeat(2, 1fr); }
  .services{ grid-template-columns: repeat(3, 1fr); }
  .contact{ grid-template-columns: 1fr; }
}

@media (max-width: 760px){
  .nav{ display:none; }
  .burger{ display:grid; }
  .header__cta{ display:none; }

  .hero{ padding-top:34px; }
  .hero__title{ font-size:34px; }

  .portfolio-grid{ grid-template-columns: 1fr; }
  .card--wide{ grid-column: auto; }

  .services{ grid-template-columns: repeat(2, 1fr); }
  .team{ grid-template-columns: 40px 1fr 40px; }
  .team__slide{ height:210px; }
}

@media (max-width: 420px){
  .container{ width: calc(100% - 28px); }
  .hero__title{ font-size:30px; }
  .stat{ min-width: 140px; }
  .service{ min-height: 112px; }
}