.menu-container {
  /*display: inline-block;*/
  cursor: pointer;
  width: 0px;
  display: none;
  opacity: 0;
}

.menu {
  width: 175px;
  height: 63px;
  border: 2px solid white;
  display: flex;
  margin-left: 11px;
  margin-top: 13px;
}

.menu span {
  font-size: 2em;
  margin-left: 15px;
  margin-top: 10px;
}

.bars {
  margin-left: 20px;
  margin-top: 13px;
}

.bar1, .bar2, .bar3 {
  width: 50px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}