.menu{
	float:right;
	padding-right:20px;
	margin-top:-80px;

}
.menu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
  }
.menu li{
	width:80px;
	display:flex;
	height:30px;
	
}
.menu li a{
	text-decoration:none;
	color:#FFF;
	
}
@media (max-width: 600px) {
	.menu {
		float:right;
		right:0;
		background: #222;
		width: 100%;
		height: 100vh;
		margin-left: -100%;
		transition: all 0.5s;
	  z-index: 1000;
	}
	
	.menu ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}
	
	.menu a {
	  color: #fff;
	  text-decoration: none;
	  display: block;
	  height: 30px;
	  padding: 15px;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	.menu a:hover {
	  background: #444;
	}
}