.sidenav 
{
	height: 100%; 
	width: 0; 
	position: fixed; 
	z-index: 1; 
	top: 0;
	right: 0;
	background-color: #FFF; 
	overflow-x: hidden;
	padding-top: 60px; 
	transition: 0.5s; 
}

.sidenav a 
{
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #000;
	display: block;
	transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus
{
	color:  #818181;
}

.sidenav .closebtn 
{
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

#main
{
	transition: margin-left .5s;
	padding: 20px;
}
@media (max-width: 414px)
{
	.sidenav a 
	{
		padding: 5px 5px 5px 32px !important;
		font-size: 14px !important;
	}
	.sidenav .closebtn
	{
		font-size: 36px !important;  
	}

}