@media screen and (max-width: 768px) {
  body {
    gap: 60px;
  }
  header {
    padding: 15px 14px;
  }
  header div#website-name a {
    font-size: 14px;
  }
  section {
    gap: 30px;
  }
  section.section-background {
    background: var(--color6);
    padding: 30px 0px;
  }
  section#top {
    padding-top: 0px;
    gap: 15px;
  }
  section#top h1 {
    font-size: 17px;
  }
  section#top a#button-start {
    display: none;
  }
  section#a-propos div.content {
    padding: 0px 5%;
  }
  section#a-propos div.content div.text-container {
    padding: 0px 5%;
  }
  section#a-propos div.content div.text-container div.text {
    padding: 30px;
  }
  section#a-propos div.content div.image-container {
    margin: 0px;
    margin-top: -50px;
    aspect-ratio: 2;
  }
  section#faq div.content {
    padding: 0px 3%;
    gap: 30px;
  }
  section#faq div.content div.col {
    gap: 30px;
  }
  section#services div.content {
    padding: 0px 6%;
    gap: 40px;
  }
  section#contact div.content div#contact-informations {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px;
  }
  section#contact div.content div#contact-informations div#informations {
    gap: 15px;
  }
  section#galerie div.content {
    padding: 0px 10%;
  }
  section#galerie div.content div#left-arrow, section#galerie div.content div#right-arrow {
    display: none;
  }
  section#galerie div.content div#caroussel {
    padding: 0px;
  }
  section#galerie div.content div#caroussel img {
    height: 250px;
  }
  section#temoignages div.content {
    padding: 0px 4%;
    gap: 40px;
  }
  section#temoignages div.content div.col {
    gap: 40px;
  }
  footer {
    padding-bottom: 80px;
  }
  footer div#footer-left {
    gap: 4px;
  }
  div.pop-up div.cross-row button.cross-container div.icon {
    width: 30px;
    height: 30px;
  }
  div#burger-menu div.top-row a {
    font-size: 23px;
  }
  div#burger-menu div.top-row button.cross-container div.icon {
    width: 30px;
    height: 30px;
  }
  div#burger-menu div#burger-menu-content div#burger-nav-menu {
    gap: 7px;
  }
  div#content-pup-up-location {
    gap: 30px;
  }
  div#content-pup-up-location a#pop-up-city {
    font-size: 30px;
  }
  div#content-pup-up-location a#pop-up-city .icon {
    width: 40px;
    height: 40px;
  }
  div#content-pup-up-location div#pop-up-location-icons-container a.pop-up-location-icons {
    width: 50px;
    height: 50px;
    padding: 8px;
  }
  div#content-pup-up-contact {
    padding: 0px 5%;
  }
  div#content-pup-up-contact form#pop-up-contact-form {
    gap: 35px;
  }
  div#content-pup-up-contact form#pop-up-contact-form div.pop-up-contact-form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}