/* THIS ESTABLISHES CORE-LEVEL STYLES FOR THE MOBILE MENU */
/* CHANGING THIS IS NOT RECOMMENDED */
/* THE NAV TOGGLE IS IN THE MEDIA-QUERIES FILE */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


#responsive-nav{
	display: none; 
	position: absolute; 
	top: 0;
	left: 0; 
	width: 100%;
	max-width: 100%;
	}
#responsive-nav > ul{margin: 7.5rem 0 0 0; border-radius: 2px; /*box-shadow: 0 0 400px 300px black;*/}

#responsive-nav button{
	 padding: 0px;
	position: fixed; 
	top: 17px;
	left: 93%; 
	}

#responsive-nav ul ul{margin: 0;}
#responsive-nav li{clear: both;} 


/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #111;
	background: rgba(0,0,0,0.1);
	border: none;
	width: 36px;
	height: 36px;
	text-indent: -900em;
	overflow: hidden;
	cursor: pointer;
	outline: none;

	position: fixed; 
	top: 5px; 
	left: 6px; 
	border-radius: 2px;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #222;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 71%;
	height: 3px;
	top: 8px;
	left: 16%;	
	background: #fff;	
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
	
	background: rgba(255,255,255,0.9);	
	box-shadow: 
		0 8px 0 rgba(255,255,255,0.9), 
		0 16px 0 rgba(255,255,255,0.9);
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	width: 100% !important;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;	
-webkit-border-top: 1px solid rgba(255, 255, 255, 0.05); 
   -moz-border-top: 1px solid rgba(255, 255, 255, 0.05);
     -o-border-top: 1px solid rgba(255, 255, 255, 0.05);
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	-webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	   -moz-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	     -o-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li:first-child {  
    border-top: none;  
}  
.dl-menuwrapper li:last-child {  
	border-bottom: n