/*
CSS for Side Bar Nav
*/
/* The side navigation menu */
	.sidenav {
		height: 100%;  /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed;
		z-index: 1; /* Stay on top */
		top: 0;
		left: 0;
		margin-left:-50px;
		/* background-color: #111;  Black*/
		overflow: auto; /* Disable horizontal scroll */
		padding-top: 50px; /* Place content 60px from the top */
		transition: 0.2s; /* 0.5 second transition effect to slide in the sidenav */
	}

	/* Position and style the close button (top right corner) */
	.sidenav .bc-closebtn:hover
	{
		text-decoration: none;
		box-shadow: 0 0 10px #c14d07;
	}
	.sidenav .bc-closebtn
	{
		position: absolute;
		top: 10px;
		font-size: 30px;
		margin-left: 5px;
		color: #fff;
		background: #c14d07;
		width: 40px;
		height: 40px;
		border: 3px solid #d9a542;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
	  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;}
	}