@media (max-width: 1024px) {

  .nav-footer .titre,
  .desc {
    font-size: 20px;
  }

  .nav-footer .contenu {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
  }

  .contact {
    margin: 150px 50px 50px 50px;
  }

  .contact h2 {
    font-size: 32px;
  }

  .prestation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    padding: 100px 50px;
  }

  .sous-titre {
    font-size: 20px;
  }

  .heading-prestation .titre {
    font-size: 40px;
  }

  h2 {
    font-size: 40px;
  }

  .positionnement {
    gap: 48px;
    padding: 150px 50px;
  }

  .presentation div,
  .presentation img {
    width: 45%;
  }

  .presentation {
    padding: 50px 50px 150px 50px;
  }

  .hero {
    padding: 0 50px;
  }

  h1 {
    font-size: 64px;
  }

  header {
    padding: 36px 50px;
  }

  .logo.header {
    height: 70px;
  }

  .logo.footer {
    height: 150px;
  }

  footer {
    padding: 60px 80px;
  }

  .menu-burger, .cross {
    display: block;
  }

  .navbar {
    display: none;
    flex-direction: column;
    align-items: flex-end;

    position: absolute;
    top: 80px;
    right: 20px;
    width: 100vw;
    padding: 10px;
  }

  .navbar.active {
    display: flex;
    background-color: #2b2b2b;
  }

}