/*NAVIGATION*/
nav {
	z-index:999;	
	position:fixed;
	width:100%;
	top:4em;
}
#nav-trigger {
  display: block;
  position:fixed;
  top:1.5em;
  right:1.5em;
  z-index:9999;
  cursor: pointer;
}
#nav-trigger span {    
	position:relative;
}
#nav-trigger span img {    
	width:20px;
}
nav ul {
    display: block;
    list-style-type: none;
	margin:0;
    position: absolute;
    left: 0;
	top:0;
	width:100%;
    text-align: center;
	padding:0;
	background-color:rgba(0,0,0,0.3);
}
nav li {
    display: block;
    margin: 1em auto;
	width:90%;
}

nav li:first-child {
    margin-top:1em; 
}
nav a {
    display: block;
    color: #000;
	text-align:center;
	width:100%;
	padding:1.5em 0;	
	background-color:#f5f2ed;
}
nav li a:hover {
    background-color:rgba(255,255,255,0.4);
    color: #fff; 
	border-radius:8px;
}
nav li.current a {
	background-color:#406618;
	border-radius:8px;
	color: #fff; 
}
@media all and (min-width: 768px) {
	#nav-trigger {display: none;}	
	nav {
		z-index:998;
		width:16%;
		height:100%;
		background-color:#f5f2ed;
	}
	nav ul {
		margin-top:10em;
		background-color:transparent;		
	}
	nav li {
		text-align:left;
		width:80%;	
		margin-top:1.5em;	
	}	
	nav li.current {
		background-color:#406618;
		border-radius:8px;
		padding:0.5em 0;
	}
	nav li a, nav li.current a {
		text-align:left;
		padding:0 1.5em;
		background-color:transparent;
		font-size:80%;
		display:block;
		width:80%;
	}
	nav li a:hover {
		background-color:transparent;
		color: #000; 
	}
	/*nav ul li span {
		position:absolute;
		display:none;
		font-size:90%;
		top:55px;
		left:50%;
		width:100px;
		margin-left:-50px;
		padding:3px 0;
	}
	nav ul li:hover span {
		display:block;
	}
	nav li img {
		height:40px;
		width:50px;
		border: solid 2px #fff;
		display:block;
	}
	nav a {
		display: block;
		color: white;
		padding: 0; 
		text-decoration:none;
		margin:0;
	}
	nav a:hover {
		  background-color: #000;
		  color: #fff; 
	}*/
	/*Second level - main*/
	nav li ul {
		margin: 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 1;    
	}
	nav li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	nav li ul li {
		float: none;
		display: block;
		border: 0;
		margin:0;
	}
	nav li ul li a {    
		padding: 10px;
		width: 130px;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		text-align:left;
	}
	
}