#listmenu {
  visibility: hidden;
}

#listmenu.visible {
  visibility: visible;
}

#listmenu menu,
#listmenu.visible menu.slidedown {
  transition: transform 0.3s ease;
  transform: translateY(100%);
}

#listmenu.visible menu {
  transform: translateY(0);
}

#listmenu menu button.icon,
#listmenu menu a[role="button"].icon {
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 45px;
  background-size: 30px 30px;
}

/* 320x480 phones */
@media (orientation: portrait) and (width: 320px),
       (orientation: landscape) and (width: 480px) {
  #listmenu menu button.icon,
  #listmenu menu a[role="button"].icon {
    background-position: 5px center;
    padding-left: 40px;
  }
}