#container {
  background: #fff;
/*  -webkit-transform: translate3d(0px, 0px, 1px);*/
  -webkit-transition: .2s -webkit-transform ease-in-out;
  z-index: 1;
}
 
#container.show {
  -webkit-transform: translate3d(180px, 0px, 1px);
  min-width: 180px;
}
 
#drawer.show {
    height: 100%;
    visibility: visible;
    z-index: 100;
    -webkit-transition: z-index 0s linear .2s;
 }
 
#drawerContents {
  display: none;
  height: 100%;
  position: relative;
  width: 180px;
}
#drawermenu {display: none;}
@media screen and (max-width:480px){
#drawermenu {
  display: block;
  position: absolute;
  top: 0px;
  left: 10px;
  width: 12%;
}
}
#drawermenu img {
  width: 100%;
  height: auto;
} 
#drawer {
  background-color: #002f5a;
  top: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: visibility 0s linear .2s;
 }
 
#drawerList li {
  border-bottom: 1px solid #597c9c;
  display: block;
  padding: 10px 5px 10px 5px;
}

#drawerList li:last-child {border: none;}

#drawerList li a {
  padding: 5px 10px;
  color: #fff;
  display: block;
  font-size: 16px;
  /* font-weight: bold; */
}

#drawerList li a span {
  display: block;
  font-size: 20px;
  letter-spacing: 0.05em;
}