.asideList {
  margin-top: 50px;
}

nav.menu aside {
  max-width: 100%;
}
nav.menu .bar {
  background-color: #fff;
  border: 1px solid #aaa;
}
nav.menu input[type=checkbox]:checked ~ label .middle {
  border: none;
}

@media (orientation: landscape) {
  .vert {
    display: none;
  }
  .hor {
    display: block;
  }
  .content section {
    max-width: 40%;
  }
  nav.menu .asideList {
    border-top: none;
    border-bottom: none;
  }
  nav.menu aside ul.asideList li {
    width: 49%;
    float: left;
    border: 1px solid #888;
  }
  nav.menu input[type=checkbox]:checked ~ label .bottom {
    transform: translateY(-17px) rotateZ(-45deg);
  }
}
@media (orientation: portrait) {
  .vert {
    display: block;
  }
  .hor {
    display: none;
  }
  nav.menu input[type=checkbox]:checked ~ label .bottom {
    transform: translateY(-17px) rotateZ(-45deg);
  }
}/*# sourceMappingURL=mobile.css.map */