@media screen and (max-width: 600px) {

  header nav ul {
    text-align: center;
    margin-bottom: 5px;
  }

  header nav ul li {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }

  #header {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 75px;
    transition: height 0.8s ease-in-out;
  }

  #logo {
    height: 75px;
    background-color: white;
    z-index: 1;
  }

  #header #menu {
    transform: translateY(-155px);
    transition: transform 0.5s ease-in-out;
  }

  #header nav ul {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  /* ABOUT */

  section#about {
    flex-direction: column-reverse;
  }

  #about h3 {
    order: 1
  }

  .caroussel {
    width: 100%;
  }

  .description {
    display: block;
    width: auto;
  }

  .description p {
    padding: 1.5rem
  }

  /* Services */
  .service-item:last-child {
    flex-grow: 1;
  }

  /* Localisation */
  #localisation {
    flex-direction: column;
  }

  #map-container,
  #map-links {
    width: auto;
  }

  #contact {
    flex-direction: column;
  }

  .contact-item {
    width: auto;
  }

  /* MENU BURGER */
  #menu-burger {
    display: flex;
    flex-direction: column;
    width: 70px;
    cursor: pointer;
    position: absolute;
    right: 6px;
    z-index: 2;
    margin-top: 0.4rem;
  }

  #menu-burger span {
    background: var(--bk-primary);
    border-radius: 10px;
    height: 7px;
    margin: 7px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);

  }


  #menu-burger span:nth-of-type(1) {
    width: 50%;

  }

  #menu-burger span:nth-of-type(2) {
    width: 100%;
  }

  input[type="checkbox"] {
    display: none;
  }


  input[type="checkbox"]:checked~span:nth-of-type(1) {
    transform-origin: bottom;
    transform: rotatez(45deg) translate(8px, 0px)
  }


  input[type="checkbox"]:checked~span:nth-of-type(2) {

    transform-origin: top;
    transform: rotatez(-45deg)
  }


  input[type="checkbox"]:checked~span:nth-of-type(3) {

    transform-origin: bottom;
    width: 50%;
    transform: translate(30px, -11px) rotatez(45deg);

  }

}