.nav-button { display: none; } /* hide the navigation button by default */
 
@media only screen and (max-width: 600px) {
 
 	/* Navigation Button
 	-------------------------------------------------------- */
 
 	.nav-button {
 		display: block;
 		position: absolute;
 		top: 7px;
 		left: 7px;
 		width: 50px;
 		height: 35px;
		background: url('../images/menu-icon-large.png'), linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.2));
 		background-position: center center;
 		background-repeat: no-repeat;
 		background-size: 21px, 100%;
 		cursor: pointer;
 		border: 0 none;
 		border-bottom: 1px solid rgba(255,255,255,.1);
 		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
 		border-radius: 5px;
 		z-index: 999;
 		text-indent: -9999px;
 	}
	.nav-button:hover {
		background-color: rgba(0,0,0,.1);
 	}
 	.nav-button.open {
		background: url('../images/close-icon-large.png'), linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.2));
 		background-position: center center;
 		background-repeat: no-repeat;
 		background-size: 21px, 100%;
 	}
 
 	/* Navigation Bar
 	-------------------------------------------------------- */
 
	body { padding-top: 50px; }
 
 	.primary-nav {
 		width: 100%;
 		float: none;
 		background-color: #877550; /* change the menu color */
		background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.2));
 		display: block;
 		height: 50px;
 		margin: 0;
 		padding: 0;
 		overflow: hidden;
 		box-shadow: 0 1px 2px rgba(0,0,0,.6);
 		position: absolute;
 		top: 0px;
 		left: 0px;
 		z-index: 998;
 		clear: both;
 	}
 	.primary-nav li {
 		display: none;
 		width: 100%;
 		font-family: Arial;
 	}
 	.primary-nav li a {
 		display: block;
 		width: 100%;
 		padding: 10px 5%;
 		font-size: 16px;
 		font-weight: bold;
 		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
 		color: white;
 		text-decoration: none;
 		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1);
 	}
 	.primary-nav li a:hover {
 		background-color: rgba(0,0,0,.5);
 		border-top-color: transparent;
 	}
 	.primary-nav > li:first-child {
 		border-top: 1px solid rgba(0,0,0,.2);
 	}
 
 	/* Toggle the navigation bar open  */
 
	.primary-nav.open {
		height: auto;
 		padding-top: 50px;
 	}
	.primary-nav.open li {
		display: block;
 	}
 
 	/* Submenus – optional .parent class indicates dropdowns */
 
 	.primary-nav > li:hover > a {
 		background: rgba(0,0,0,.5);
 		border-bottom-color: transparent;
 	}
 	.primary-nav li.parent > a:after {
 		content: "▼";
 		color: rgba(255,255,255,.5);
 		float: right;
 	}
 	.primary-nav li.parent > a:hover {
 		background: rgba(0,0,0,.75);
 	}
 	.primary-nav li ul {
 		display: none;
 		background: rgba(0,0,0,.5);
 		border-top: 0 none;
 		padding: 0;
 	}
 	.primary-nav li ul a {
 		border: 0 none;
 		font-size: 12px;
 		padding: 10px 5%;
 		font-weight: normal;
 	}
 	.primary-nav li:hover ul {
 		display: block;
 		border-top: 0 none;
 	}
 
 } /* End Mobile Styles */