@charset "utf-8";
/* CSS Document */

body {
  font-family: "Lato", sans-serif;
}

.sidenav {
  border-top: 1px solid #c4c4c4; 
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
/*  background-color: #111; */
/*	background: #46484f; */
/*  background-color: #000000; */
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 50px;
  
   
	background: #000000;
	background: -webkit-linear-gradient(top, #000000 0%,#2c2d33 100%);
	background: -moz-linear-gradient(top, #000000 0%,#2c2d33 100%);
	background: -o-linear-gradient(top, #000000 0%,#2c2d33 100%);
	background: -ms-linear-gradient(top, #000000 0%,#2c2d33 100%);
	background: linear-gradient(top, #000000 0%,#2c2d33 100%);
  
}

.sidenav a {
  padding: 7px 8px 7px 16px;
  text-decoration: none;
  font-size: 14px;
  color: #c4c4c4;
  display: block;
  transition: 0.3s; 
  width:200px;
}

.sidenav a:hover {
  color: #ffffff;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 35px;
  font-size: 30px;
  margin-left: 30px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}