/* menu */
.menu-open-btn, .menu-open-btn:focus {
	border: none; 
	outline: none; 
	box-shadow: none; 
	transition: all .5s ease;
	cursor: pointer; padding: 0; color: #FFF; background: none; font-size: 1.8em; text-align: left; 
	position: fixed;
	top:1em;
	right:1em;
	z-index:99;
}
.menu-close-btn {font-size:1.6em; cursor:pointer;}
.sidenav { width: 320px; max-width: 100%; position: fixed; z-index: 99; left: auto !important; top: 0; bottom: 0; right: -320px; -webkit-transition: all .5s; transition: all .5s; overflow: auto; color: #CECECE; background-color: #FFF; background-color:rgba(66,0,0, .9); display: flex; flex-direction: column; justify-content: space-between; padding: 1em; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
.sidenav-open { right: -0px !important; left: auto !important; }
#mainmenu { width: 100%; margin: 0; padding: 0; list-style: none; }
#mainmenu li { margin-bottom: 1px; clear: both; line-height: 48px; width: 100%; float: left; text-align: center; }
#mainmenu a { text-decoration: none; outline: none; display: inline-block; color: inherit; text-transform:uppercase; font-family:Roboto; }
#mainmenu a:hover { color: #FFF; font-weight: 500 }