li ul li {
  display: block;
  float: none;
}

li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px;
}

ul li a:hover + .hidden, .hidden:hover {
  display: block;
}

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

input[type=checkbox]:checked ~ #menu {
  display: block;
}

@media screen and (max-width : 760px) {
  ul {
    position: static;
    display: none;
  }
}

@media screen and (max-width : 760px) {
  li {
    margin-bottom: 1px;
  }
}

@media screen and (max-width : 760px) {
  ul li, li a {
    width: 100%;
  }
}

@media screen and (max-width : 760px) {
  .show-menu {
    display: block;
  }
}