.material-icons
{
  font-size:24px;
  margin-right:12px;
  vertical-align:text-bottom;
}

.menu_mobile
{
  background:#505050;
  color:#fff;
  position:fixed;
  padding: 5px;
  width: 100%;
  z-index: 40000;
}

.menu_mobile .nav-mob
{
  background:inherit;
  height:0;
  overflow:hidden;
  transition:height .2s;
}

.menu_mobile .nav-mob > *
{
  display:block;
  letter-spacing:1px;
  line-height:2.5;
  width:100%;
}

.menu_mobile .nav-mob input
{
  background:rgba(0,0,0,.2);
  border:none;
  color:#fff;
}

.menu_mobile .burger
{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  color:inherit;
  cursor:pointer;
  font-family:'Material Icons';
  font-size:30px;
  line-height:50px;
  margin:0;
  outline:0;
  padding:0;
  position:absolute;
  text-align:center;
  top:0;
  right:10px;
  width:50px;
}

.menu_mobile .burger:before
{
  content:'menu';
}

.menu_mobile .burger:checked:before
{
  content:'close';
}

.menu_mobile .burger:checked + .nav-mob
{
  height:100%;
}
.menu-nav-mobile{
	display: none;
}
ul.site-menu_mobile {
	color: #fff;
}
ul.site-menu_mobile li {
	display: block;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #a7a7a7;
}
ul.site-menu_mobile li a{
	color: #ffffff;
	font-size: 1.1em;
	line-height: 2em;
}
ul.site-menu_mobile li:hover a{
  	width:100%;
  	border-bottom: 2px solid #fff;
}

@media (max-width: 767px){
	.menu-nav-mobile{
	display: block;
}
	#header-nav{
		display: none;
	}
	}