header {
	position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 95%; /* Full width */
	  padding-top: 10px;
	  z-index:200;
	font-family: 'Titillium', sans-serif;
}

.inner {
	  max-width: 100%;
	  margin: 0 auto;
	  padding: 0px 30px 20px 0;
	  position: relative;
	  }
	  
	  nav > ul > li > a:link {
  	text-decoration: none;
	text-shadow:0 0 4px #342319;
	color:#e9ce00;
}

	  
nav > ul {
  	float: right;
	list-style-type:none;
	text-transform:uppercase;
	font-weight:900;
	
	
}

nav > ul > li {
  	text-align: center;
	  line-height: 40px;
	  margin-left: 30px;
}

nav > ul li ul li {
	  width: 100%;
  	text-align: left;
}

nav ul li:hover {
	  cursor: pointer;
	  position: relative;
}
nav ul li:hover > ul {
  	display: block;
	
}
nav ul li:hover > a {
	  color: #bf6731;
	  
}
nav > ul > li > a {
	  cursor: pointer;
	  display: block;
  	  outline: none;
  	  width: 100%;
	  
	 }

nav > ul > li {
  	float: left;
}
nav a {
	  color: black;
}
nav > ul li ul {
  	display: none;
  	position: absolute;
  	left: 0;
	  top: 100%;
  	width: 100%;
	  z-index: 2000;
}
nav > ul li ul li > a {
	  text-decoration: none;
}

[type="checkbox"], label {
	  display: none;
}



@media screen and (max-width: 786px) {
	nav ul {
		  display: none;
		  
	}

	label {
		
  		display: block;
  		background: #e9ce00;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 20px;
  		top: 0px;
		
	}
  
label:after{
  content:'';
  display: block;
  width: 30px;
  height: 2px;
  background: #333;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #5a3d2b, 0px 20px 0px #5a3d2b;

}

	label2 {
		display: block;  		
		 position: absolute;
		right: 20px;
  		top: 0px;
	}
  
label2:after{
  content:'';
  display: block;
 }


	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 20px;
		  left: 70%;
		  top:50px;
	}

	nav a {

		  text-align: right;		  
		padding-right: 10%;
	}

nav ul li:hover > a {
	  color: #bf6731b;
	  
}
	nav ul li {
		  display: block;
  		float: right; 	
		padding-right: 10%;	
			width: 100%;
			 
	}

	nav > ul > li {
  		margin-left: 0px;
	}

	nav > ul li ul li {
  		display: block;
		  float: none;
	}
  
	nav > ul li ul {
		  display: block;
  		position: relative;
  		width: 100%;
		  z-index: 9999;
		  float: none;
	}


 
}