#menuToggle
{
  position: absolute;
  top: 0px;
}

#menuToggle a {
  text-decoration: none;
  color: #1E1E23;
}

#menuToggle a:hover {
  opacity:0.5;
}

#menuToggle input
{
  width: 50px;
  height: 50px;
  left: -1px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  z-index: 1;
  font-size: 3em;
}

#menuToggle ul
{
  font-size: 0.5em;
  list-style-type: none;
  background-color: #f7f0de;
  width: 20em;
  z-index: 1;
  box-shadow: 4px 4px 10px 0px grey;
  border: 1px solid grey;
  border-radius: 5px;
  position: relative;
  top: -15px;
  padding: 0.5em;
  transform: translate(-109%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle input:checked ~ .mod_navigation ul
{
  transform: none;
}

#menuToggle input:checked ~ #hamburger
{
  display: none;
}

#menuToggle input:checked ~ #cross
{
  display: inline;
}

#cross
{
  display: none;
}