/*Hide the checkbox*/
 .show-menu img {
  margin:5px 0px 5px 5px;
  height:20px;
 }
 #show-menu {
  display: none;
  -webkit-appearance: none;
 }

 #menu {
  position:absolute; /*Necessary to stop the parent expanding*/
  top:36px;
  right:0px;
  width: 160px;
  overflow:hidden;
  max-height: 0;
  transition-property: all;
  transition-duration: 0.25s;
  z-index:10000;
 }
 #menu ul {
  background-color:white;
  border-left: 1px solid #787878;
  border-right: 1px solid #787878;
  border-bottom: 1px solid #787878;
  list-style:none;
  margin:0;
  padding:0;
 }
 #menu ul li {
  display:block;
  vertical-align:middle;
  text-align:center;
  line-height:30px;
  height:30px;
 }
 #menu ul li a:link, #menu ul li a:visited {
  text-decoration:none;
  color: #989898;
  font-size:1em;
 }

 /*Show menu when invisible checkbox is checked*/
 #show-menu:checked ~ #menu{
  max-height:400px;
 }