/* Initial body */
body {
	z-index: 1;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

/* empty class for menu visibility testing */
.visible {
}

visible {}

/* Initial menu */
.menu {
	z-index: 10;
  background-color: hsla(133, 5%, 5%, .5);
  color: hsla(60, 100%, 90%, 0.8);
  left: -200px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 200px;
}

/* Basic styling */
.menu h2 { 
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 52px;
  line-height: 36px;
  margin-bottom: 22px;
  -webkit-font-smoothing: antialiased; 
}

.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #636366;
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.menu-hov:hover {
  background-color: hsla(133, 45%, 45%, 1.0);
}

.icon-close {
  cursor: pointer;	
  padding-left: 10px;
  padding-top: 10px;
}

.icon-menu {
  color: #fff;
  cursor: pointer;	
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-menu i {
  margin-right: 5px;
}