/* TABLETS AND BELOW: about stacks */
@media (max-width:991.98px){
  .about-grid{
    grid-template-columns:1fr;
    gap:2.5rem;
  }

  .about-media{
    max-width:420px;
  }

  .process-grid{
    grid-template-columns:repeat(2,1fr);
    gap:2.25rem;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:2.5rem;
  }

  .footer-brand{
    grid-column:1 / -1;
  }
}

/* PHONES AND SMALL TABLETS */
@media (max-width:767.98px){
  .section{
    padding:4.5rem 0;
  }

  .section-head{
    margin-bottom:2.5rem;
  }

  .hero{
    padding:7rem 0 5rem;
  }

  .hero-actions{
    width:100%;
  }

  .hero-actions .btn-prim,
  .hero-actions .btn-ghost{
    width:100%;
  }

  .service-row{
    grid-template-columns:auto 1fr;
    gap:.6rem 1.25rem;
    padding:1.6rem .5rem;
    align-items:start;
  }

  .service-row:hover{
    padding-left:.9rem;
  }

  .service-ico{
    font-size:1.6rem;
    padding-top:.2rem;
  }

  .service-name{
    font-size:1.3rem;
    align-self:center;
  }

  .service-desc{
    grid-column:1 / -1;
    padding-left:calc(1.6rem + 1.25rem);
    font-size:.97rem;
  }

  .tech-item{
    font-size:.92rem;
    padding:0 1.75rem;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:2.25rem;
  }

  .btn-whatsapp{
    width:48px;
    height:48px;
  }

  .btn-whatsapp i{
    font-size:26px;
  }
}

/* SMALL PHONES */
@media (max-width:575.98px){
  .process-grid{
    grid-template-columns:1fr;
    gap:1.75rem;
  }

  .about-media{
    max-width:100%;
  }

  .spec{
    grid-template-columns:1fr;
    gap:.15rem;
  }

  .spec dd{
    margin-bottom:.65rem;
  }

  .spec dt{
    font-size:.85rem;
  }
}