@media (max-width: 1400px) {
  .contactInfo {
    margin-right: 3.5rem !important;
  }
}
@media (max-width: 992px) {
  .h25 {
    height: fit-content;
  }
  .services .row {
    flex-direction: column;
  }
  .about .card {
    height: fit-content;
  }

  .contact .col {
    margin: 12px;
  }

  .allCont {
    flex-direction: column-reverse !important;
  }

  .contactInfo {
    margin-right: 0 !important;
  }

  .contactInfo .card-text {
    text-align: right;
    font-size: 0.9rem !important;
  }

  .services .card {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .hero h1 {
    font-size: 2rem;
  }
  .hero h1,
  .about p,
  .services p {
    font-size: 1rem;
    width: 100% !important;
  }

  .nav-item {
    margin: auto;
    margin-top: 32px;
  }

  .cards {
    flex-direction: column-reverse;
  }

  .about .card {
    margin-top: 32px !important;
    height: fit-content !important;
  }

  .card-text {
    font-size: 1rem !important;
  }

  .map {
    width: 100%;
    z-index: 4;
  }

  footer .row {
    flex-direction: column;
  }

  footer .col {
    margin-top: 3rem !important;
  }

  footer .col div {
    float: unset !important;
    text-align: unset !important;
  }

  .informations .col {
    margin: 14px;
  }
}