/* ===============================
   DL SYSTEMS — RESPONSIVE SYSTEM
================================ */

@media(max-width:1100px){

  .service-grid,
  .collaborate-grid,
  .signal-grid,
  .projects-grid,
  .market-grid{
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  }

}

@media(max-width:900px){

  body{
    font-size:15px;
  }

  .section{
    padding:82px 22px;
  }

  .hero{
    padding-top:130px;
    padding-bottom:70px;
  }

  .hero--compact{
    min-height:auto;
    padding-top:130px;
  }

  .contact-layout{
    grid-template-columns:1fr;
  }

  .contact-form-wrapper{
    padding:22px;
  }

}

@media(max-width:600px){

  .hero h1{
    font-size:2.35rem;
  }

  .section h2{
    font-size:2rem;
  }

  .card,
  .signal-card{
    padding:24px;
  }

  .btn{
    width:100%;
  }

  .project-card,
  .project-card__content{
    min-height:340px;
  }

  .market-img{
    height:170px;
  }

  .footer-copy{
    font-size:12px;
  }

}

@media(max-width:420px){

  .hero h1{
    font-size:2rem;
  }

  .brand span{
    letter-spacing:.08em;
  }

  .section{
    padding-left:18px;
    padding-right:18px;
  }

}