#headermenuBtn.open span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
  margin-left: 10px;
  width: 35px;
}

#headermenuBtn.open span:nth-child(2) {
  opacity: 0;
}

#headermenuBtn.open span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
  margin-left: 10px;
  width: 35px;
}


#drowerHeader.openDrawer {
  transform: translateX(0);
}