.mobile_menu_container {
	display: none;    
    position: absolute;
    top: 70px;
    z-index: 99999;
    width: 25%;
    right: -25%;
    height: 100%;
    background: #2f4f4f;
    border: 1px solid #000;  	
}

.mobile_menu_container a {
	text-decoration: none;	
}

.mobile_menu_icon {
 	/*display: none;*/
   	position: absolute;
   	top: 21px;
   	right: 5px;
   	z-index: 9999;
}   

.mobile_menu_icon:hover {
 	cursor: pointer;
}

.mobile_menu_header {
	height: 50px;	
}

.mobile_menu_item {
	position: relative;
	color: #fff;
	height: 45px;
	font-size: 25px;
    padding-left: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(160,160,160,0.70); /*(27, 109, 18, 0.70);*/	
    border-left: none; /*1px solid rgba(0,0,0,0.70);*/
    border-right: none; /*1px solid rgba(0,0,0,0.70);*/
}

.mobile_menu_item:hover { 
	color: #000;
	background-color: rgba(255, 255, 255, 0.95);
}

.mobile_menu_item img {
	margin-right: 10px;
	vertical-align: middle;
	display: table-cell;
}

.mobile_menu_item div {
	vertical-align: middle;
	display: table-cell;
}

.mobile_menu_item_top {
	border-bottom: 1px solid rgba(160,160,160,0.70);	
}

.mobile_menu_item_bottom {
	border-bottom: 1px solid rgba(160,160,160,0.70);
}

.mobile_menu_item_accent {
	display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
}

.mobile_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}

/*portrait*/
@media screen and (max-width: 480px) and (max-aspect-ratio: 13/9) { 
	.mobile_menu_icon {
		display: block;
	}
	
	.mobile_menu_container {
		width: 60%;
		right: -60%;
	}
	 
	.mobile_menu_header {
		display: none;
	}
	
	.menu_content {
    	display: none;
    }
    
    .mobile_menu_item_top {
		border-top: none;	
	}

	.logo {
		top: 5px;
    	left: 0px;
    	width: 100%;
    	text-align: center;    	
	}
	
	.logo img {
		max-width: 300px;
    }   
}

/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
	.mobile_menu_icon {
		display: block;
	}
	
	.mobile_menu_container {
		width: 60%;
		right: -60%;
	}
	
	.mobile_menu_header {
		display: none;
	}
	
	.menu_content {
    	display: none;
    }

	.mobile_menu_item_top {
		border-top: none;	
	}
	    
	.logo {
		top: 5px;
    	left: 10px;
	}
	
	.logo img {
		max-width: 275px;
    }
}