@charset "utf-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-box-sizing: border-box;
}
* {
	margin:0;
	padding:0;
}

.bg-btnera {
	float:left;
	width:100%;
	background-color:#303932;
		padding-top:1px;
	padding-bottom:1px;
}
nav {
	width:96%;
	max-width:980px;
	margin:1px auto;
	padding:1px;
	background:#37403D;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#ffffff;
	letter-spacing:0.05em;
	font-weight: bold;
	font-size:14px;
}
.menu_bar {
	display:none;
}

nav ul {
	overflow:hidden;
	list-style:none;
}
nav ul li {
	float:left;
	padding-left:3px;
	padding-right:3px;
}
nav ul li a{
	color:#FFF;
	padding:13px;
	display:block;
	text-decoration:none;
}
nav ul li a:hover{
	background:#42919D;
	color:#EFFFBF;
}
section{
	padding:20px;
}
@media screen and (max-width:500px) {
	nav {
		width:35%;
		height:100%;
		left:-100%;
		margin:0;
		position:fixed;
	}
nav ul li {
	display:block;
	float:none;
	border-bottom:1px solid (255,255,255,.3);
}
.menu_bar {
	display:block;
	width:90%;
	background:#303932;
	color:#ffffff;
	height:auto;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:6px;
	padding-right:3px;
}
.menu_bar .bt-menu {
	display:block;
	padding:10px;
	background:#37403D;
	padding-bottom:4px;
	padding-top:4px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
	box-sizing:	border-box;
 }	
.menu_bar .bt-menu a{
	color:#ECFFB0;
 }	
.menu_bar span	{
	float:right;
	font-size:20px;

}

 }