#avis img {
  width: 20px;
  height: 20px;
}

label.mobile-menu-trigger {
  width: 40px;
  cursor: pointer;
  margin: 30px 20px 0 0;
}

label.mobile-menu-trigger span {
  background: #fff;
  border-radius: 10px;
  height: 5px;
  margin: 5px 0;
  -webkit-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

span:nth-of-type(1) {
  width: 50%;
}

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

span:nth-of-type(3) {
  width: 75%;
}

p.p1{
  margin:20px 0!important;
}

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

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

input[type=checkbox]:checked ~ span:nth-of-type(2) {
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: rotatez(-45deg);
          transform: rotatez(-45deg);
}

input[type=checkbox]:checked ~ span:nth-of-type(3) {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  width: 50%;
  -webkit-transform: translate(18px, -8px) rotatez(45deg);
          transform: translate(18px, -8px) rotatez(45deg);
}