@media (max-width: 980px)
{
	nav.mobile
	{
		margin: 1%;
	}
	/* The sidepanel menu */
	.sidepanel
	{
		height: 600px; /* Specify a height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 1; /* Stay on top */
		top: 0;
		left: 0;
		background-color: #003354; /* Deep Blue*/
		overflow-x: hidden; /* Disable horizontal scroll */
		overflow-y: auto; /* Enable Vertical scroll */
		padding-top: 60px; /* Place content 60px from the top */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
	}

	/* The sidepanel links */
	.sidepanel a
	{
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 20px;
		color: #ffffff;
		display: block;
		transition: 0.3s;
		border: none;
	}
	
	/* .sidepanel div.socialBox */
	/* { */
		/* padding-left: 27px; */
	/* } */
	
	/* .sidepanel div.socialBox a */
	/* { */
		/* margin: 0; */
		/* padding-left: 5px; */
	/* } */
	
	/* .sidepanel div.socialBox img */
	/* { */
		/* margin: 0; */
		/* margin-top: 80px; */
		/* padding: 0; */
	/* } */
	

	.sidepanel h2
	{
		padding: 8px 0px 0px 32px;
		font-size: 25px;
		color: #ffffff;
	}

	.sidepanel .mobileSearch
	{
		padding: 4px 8px 8px 32px;
		margin: 0 auto;
	}
	
	.sidepanel .mobileSearch input
	{
		width: 90%;
		margin-bottom: 5%;
		text-align: center;
		font-size: 12px;
		display: block;
		color: #000000;
		transition: 0.3s;
		border: 3px solid #FFFFFF;
		text-transform: uppercase;
	}

	/* When you mouse over the navigation links, change their color */
	.sidepanel a:hover
	{
		color: #818181;
	}

	/* Position and style the close button (top right corner) */
	.sidepanel .closebtn
	{
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	/* Style the button that is used to open the sidepanel */
	.openbtn
	{
		font-size: 22px;
		cursor: pointer;
		padding: 10px 15px;
		border: none;
		/* background-color: #FFFFFF; */
		border: 1px solid #297A38;
		color: #003354;
		transition: 0.3s;
	}

	.openbtn:hover
	{
		background-color: #003354;
		color: #FFFFFF;
	}
	
	.openbtn:active, .openbtn:focus
	{
		outline: none; /* Works in Firefox, Chrome, IE8 and above */ 
	}
	
	.closebtn:active, .closebtn:focus
	{
		outline: none; /* Works in Firefox, Chrome, IE8 and above */ 
	}
}