#hamburger-wrapper {
  cursor: pointer;
  height: 27px;
  position: relative;
  width: 32px;
}
.hamburger--bar {
  background: #ef413c;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  transition: all .3s;
  width: 32px;
}
.hamburger--bar1 {
  top: 0;
}
.hamburger--bar2 {
  top: 11px;
}
.hamburger--bar3 {
  top: 22px;
}
#hamburger-wrapper.open .hamburger--bar1 {
  transform: translateY(11px) rotate(40deg);
}
#hamburger-wrapper.open .hamburger--bar2 {
  opacity: 0;
}
#hamburger-wrapper.open .hamburger--bar3 {
  transform: translateY(-11px) rotate(-40deg);
}