.mobilenav_btn {
	box-sizing: border-box;
	position: absolute;
	top: -57px;
	right: 5%;
	vertical-align: middle;
	background-image: url(images/burger.png);
	cursor: pointer;
	z-index:1000;
}

.mobilenav_menu {
  	zoom: 1;
  	z-index: 7;
}

.mobilenav_menu .mobilenav_icon {
    float: left;
    width: 50px;
    height: 50px;
}

.mobilenav_nav {clear: both;}

.mobilenav_nav ul, .mobilenav_nav li {display: block;}

.mobilenav_nav .mobilenav_item {cursor: pointer;}

.mobilenav_nav a {display: block;}

.mobilenav_menu {
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 ;
	background-color: rgba(230,234,188,0.93);
	color: #000;
}

.mobilenav_menu * {box-sizing: border-box;}

.mobilenav_nav {
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style: none;
  overflow: hidden;
}

.mobilenav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 8%; }

.mobilenav_nav a {
  padding: 8px 10px 8px 5%;
  border-bottom:2px solid #5E9C60;
    text-decoration: none;
    color: #333;
}
    
.mobilenav_nav a:hover {
      background: #71bb74;
      color: #fff;
}
 
.mobilenav_menu {display:none;}

a:active, a:focus {outline:none;}

@media screen and (max-width: 900px) {
img.mobil{display:block;}
nav img{right:-120px; top:33px;}	
#menu {display:none;}
	
.mobilenav_menu {
		display:block;
		position:absolute;
		width: calc(100% - 16px);
		top:74px;
}
#logo {	top: 20px;width: 180px;}
a.button{font-size:12px;}
p, .half li span{font-size:0.9em;}
}