
@media (max-width: 1100px) {

  .container {
    width: 90%;
   
  }

  h1, h2, h3, h4, h5,p {
    text-align: center;
  }



  nav .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 4%;
  }

  nav ul {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }

  nav ul li a {
    display: block;
    text-align: left;
  }

  

  .home-content {
    width: 100% ;
    text-align: center;
  }

  .content-search {
    flex-direction: column;
    gap: 10px;
  }

  .content-search input,
  .content-search button {
    width: 100%;
  }

  .home-contacts {
   display: none;
  }

 




.statistics-content p {
    display: none;
}

  
  .statistics-items {

    width: 70%;
}

  .statistics-items {
    justify-content: center;
  }

  .statistics-item {
    width: 45%;
  }














  .cards-content {
    margin: 3% auto;
  }
  .cards {
    align-items: center;
  }

  .card {
    width: 40% ;
    height: 450px;
    padding-bottom: 4%;
  }

  .cards-footer {
    flex-direction: column;
    gap: 20px;
  }

  .cards-search {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .cards-search input,
  .cards-search button {
    width: 100%;
  }




  .how-cards {
    flex-direction: column;
    align-items: center;
  }

  .how-content-paragraph {
    display: none;
  }

  .how-card {
    width: 40% ;
    text-align: center;
  }

  .body-services {
    flex-direction: column;
    gap: 30px;
  }

  .content-services {
    margin: 4% auto;
  }

  .content-services p {
display: none; 
 }

  .body-img-services,.body-contents-services {

width: 50%;
}

  .meet-section .cards {
    flex-direction: column;
    align-items: center;
  }

  .meet-content {
    margin: 4% auto;
  }
.meet-content-paragraph {
    display: none;
}


  .meet-section .card {
    width: 50%;
  }


   .awesome-section::before {
content: "Super Awesome Add";
display: block;
font-size: 35px;
margin: 5% auto;
text-align: center;
font-weight: 600;


}
  .awesome-section p, .awesome-item h2, .awesome-item button {
    display: none;
  }
  .awesome-item {
    flex-direction: column;
    gap: 20px;
  }



  .awesome-item-img,
  .awesome-item-content {
    width: 50%;
  }

  .awesome-item-content {
    text-align: center;
  }



  footer .footer-head {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
  }

  footer .footer-head-form {
    width: 100% ;
  }

  footer .footer-body,hr {
display: none;  }

 

  footer form input {
    width: 80%;
  }

  footer form button {
    right: 5%;
  }

}





@media (max-width: 464px) {

  .container {
    width: 90%;
  }

   h1, h2, h3, h4, h5,p {
    text-align: center;
  }


  nav .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 6%;
  }

  nav ul {
    flex-direction: column;
    width: 100%;
    gap: 5px;
  }

  nav ul li a {
    font-size: 14px;
    text-align: center;
  }

  .home-content {
    width: 100%;
    text-align: center;
  }

  .content-search {
    flex-direction: column;
    gap: 10px;
  }

  .content-search input,.content-search button {
    width: 100%;
    font-size: 14px;
  }

  .home-contacts {
    display: none;
  }

  .statistics-content p {
    display: none;
  }

  .statistics-items {
    width: 100%;
    justify-content: center;
  }

  .statistics-item {
    width: 80%;
    margin-bottom: 10px;
  }

  .cards-content {
    margin: 5% auto;
  }

  .card {
    width: 80%;
    height: auto;
    padding: 20px;
  }

  .cards-footer {
    flex-direction: column;
    gap: 10px;
  }

  .cards-search {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .cards-search input,.cards-search button {
    width: 100%;
    font-size: 14px;
  }

  .how-cards {
    flex-direction: column;
    align-items: center;
  }

  .how-card {
    width: 80%;
    text-align: center;
    font-size: 15px;
  }

  .how-content-paragraph {
    display: none;
  }

  .body-services {
    flex-direction: column;
    gap: 20px;
  }

  .body-img-services,.body-contents-services {
    width: 90%;
  }

  .content-services p {
    display: none;
  }

  .meet-section .cards {
    flex-direction: column;
    align-items: center;
  }

  .meet-section .card {
    width: 80%;
  }

  .meet-content {
    margin: 5% auto;
  }

  .meet-content-paragraph {
    display: none;
  }

  .awesome-section::before {
    content: "Super Awesome Add";
    display: block;
    margin: 10% auto;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
  }

  .awesome-section p,.awesome-item h2,.awesome-item button {
    display: none;
  }

  .awesome-item {
    flex-direction: column;
    gap: 15px;
  }

  .awesome-item-img, .awesome-item-content {
    width: 90%;
  }

  footer .footer-head {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }

  footer .footer-body,
  footer hr {
    display: none;
  }

  footer form {
    width: 100%;
  }

  footer form input {
    width: 90%;
    font-size: 14px;
  }

  

}




