* {
  margin: 0;
}
.hamburger {
	display: inline-block;
	position: relative;
	float: right;
	width: auto;
	height: 7.75vw;
	margin-top: 6.5%;
	margin-right: 3.75%;
	padding-bottom: 2.5%;	
}
 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: rgba(50,50,50,.95);
  /*background-color: rgba(0,32,81,.95); /* BLUE */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
ul {
	width: 80%;
	text-align: center;
	margin-left: 0px;
}
b {
	font-size: calc(32px + 24 * ((100vw - 320px) / 680));
}
/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: calc(20px + 18 * ((100vw - 320px) / 680));
  color: rgba(255,255,255,.75);
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: rgba(255,255,255,1.0);
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: calc(30px + 18 * ((100vw - 320px) / 680));
  margin-left: 50px;
}
@media only screen and (min-width: 800px) {
	.sidenav {
	display: none;	
	}
	.hamburger {
	display: none;	
	}
}