@media(max-width:992px){

  h1{
    font-size:3rem;
  }

  .hero-grid,
  .about-grid,
  .contact-grid,
  .fleet-card{

    grid-template-columns:1fr;

  }

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

  .clients-grid{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(max-width:768px){

  section{
    padding:70px 0;
  }

  .nav{
    display:none;
  }

  .menu-toggle{

    display:block;
    background:none;
    border:none;
    color:white;
    font-size:1.5rem;

  }

  .hero-buttons{

    flex-direction:column;

  }

  .stats-grid,
  .clients-grid,
  .form-grid{

    grid-template-columns:1fr;

  }

  .quote-box{
    padding:35px;
  }

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

}

@media(max-width:576px){

  h1{
    font-size:2.4rem;
  }

  h2{
    font-size:2rem;
  }

  .container{
    width:92%;
  }

  .btn-whatsapp{
    display:none;
  }

}

@media(max-width:992px){

  .fleet-grid{

    grid-template-columns:1fr 1fr;

  }

}

@media(max-width:768px){

  .fleet-grid{

    grid-template-columns:1fr;

  }

}