.menu {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 100;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 9px;
	/*	border: 1px solid red;	*/
	/**/
}
.menu.scrolling {
	background-color: rgba(0,0,0,0.2);
}

nav {
	float: right;
	padding: 1px;	

}

#menu-icon {
	display: hidden;
	width: 50px;
	height: 40px;
	background: url(../images/design/menu-icon.png) center;
}

a:hover#menu-icon {
	/*background-color: #C5861F;*/
	/*background-color: rgba(197,134,31,0.6);*/
	background-color: rgba(0,0,0,0.2);
	/*border-radius: 4px 4px 0 0;*/
}

.menu ul {
	list-style: none;
}

.menu li {
	display: inline-block;
	float: left;
	/*padding: 10px;*/
}
.menu li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 15px;
		margin-right: 20px;
}

.menu li a:hover {
	/*color: #9C571E; /*#C5861F;*/
	background: rgba(0,0,0,0.2);
	padding: 10px 15px;
}

.current {
	color: #C5861F;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

	header {

		position: absolute;

	}

	.menu.scrolling {
		background-color: transparent;
	}

	#menu-icon {

		display:inline-block;

	}

	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		/*background: rgba(197,134,31,0.6);*/
		background: rgba(0,0,0,0.2);
		/*border: 1px solid #C5861F;*/
		right: 0px;
		top: 40px;
		width: 40%;
		/*border-radius: 4px 0 4px 4px;*/
	}

	.menu nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0px;
		margin: 0;
	}

	.menu nav li a {		
		color: white;/*#C5861F;*/
		font-size: 12px;
	}
	.menu nav li a:hover {		
		color: #C5861F; /*#444;*/
		background: none;
	}

	.menu nav:hover ul {
		display: block;
	}