body {margin: 0;}
		
		ul.sidenav {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  width: 15%;
		  background-color: #f1f1f1;
		  position: fixed;
		  height: 100%;
		  overflow: auto;
		}
		
		ul.sidenav li a {
		  display: block;
		  color: #000;
		  padding: 8px 16px;
		  text-decoration: none;
		  list-style-position:inside;
		  border: 1px solid black;
		  /* border-top: 1px solid black;
		  border-left: 1px solid black;
		  border-right: 1px solid black; */
		}
		 
		ul.sidenav li a.active {
		  background-color: #e30713;
		  color: white;
		  text-align: center;
		  font-size: 125%;
		}

		ul.sidenav li a.last {
			background-color: #f1f1f1;
			list-style-position:inside;
			border-top: 1px solid black;
			border-left: 1px solid black;
			border-right: 1px solid black;
			border-bottom: 2px solid black;
		
		  }
		
		ul.sidenav li a:hover:not(.active) {
		  background-color: #555;
		  color: white;
		}
		
		div.content {
		  margin-left: 16%;
		  padding: 1px 16px;
		  
		}
		
		@media screen and (max-width: 900px) {
		  ul.sidenav {
			width: 100%;
			height: auto;
			position: relative;
		  }
		  
		  ul.sidenav li a {
			float: left;
			padding: 1%;
		  }
		  
		  div.content {margin-left: 0; }
		}
		
		@media screen and (max-width: 400px) {
		  ul.sidenav li a {
			text-align: center;
			float: none;
		  }
		}