.header { margin-bottom: 20px; }

.header,
.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #50416a;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	display: block;
	width: 48px;
	height: 48px;
	padding: 11px;
	position: absolute;
	top: 0;
	left: 0;
}
.header a:before,
.header a:after
{
	content: '';
	display: block;
	background: #fff;
	height: 2px;
	width: 28px;
}
.header a span
{
	background: #fff;
	display: block;
	height: 2px;
	margin: 6px 0;
	width: 28px;
}
.content
{
	padding: 150px 50px 50px 50px;
}
.mm-menu { background: #282135; }
.mm-panel { font-size: 20px; color: #fff; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: #fff; }
.mm-listview > li > a, .mm-listview > li > span { font-size: 24px; line-height: 30px; }
#mmn-header { display: none; }

@media (max-width:1030px) {
#mmn-header { display: block; }
.navbar-default .navbar-nav { display: none; }
}

@media (max-width:960px) {
.counts { display: none; }
}