.nav-wrapper {
	width: 100%;
	position: relative;
	visibility: hidden;
}

.lower-nav {
	display: none;
}

.lower-nav-small, .lower-nav-buger-sticky {
	height: 40px;
	background: #067c8b;
	float: left;
}

.lower-nav-buger-sticky {
	background: -webkit-linear-gradient(top, #282828 0, #000 100%);
	background: linear-gradient(to bottom, #282828 0, #000 100%);
	position: absolute;
	display: inline-block;
	top: 0;
}

.lower-nav-small #burger-menu, .lower-nav-buger-sticky #burger-menu {
	width: 60px;
	background: -webkit-linear-gradient(top, #282828 0, #000 100%);
	background: linear-gradient(to bottom, #282828 0, #000 100%);
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	font-size: 1.5em;
	cursor: pointer;
}

.lower-nav-small #burger-menu-close, .lower-nav-buger-sticky #burger-menu-close {
	background-image: url("../images/close.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 60px;
	height: 40px;
	cursor: pointer;
}

.lower-nav-menu ul li {
	background: -webkit-linear-gradient(top, #282828 0, #000 100%);
	background: linear-gradient(to bottom, #282828 0, #000 100%);
	height: 42px;
	width: 100%;
}

.lower-nav-menu ul li a {
	color: white;
	display: block;
	text-decoration: none;
	font-size: 1.25em;
	line-height: 42px;
	padding-left: 20px;
}

.lower-nav-menu .sticky-page {
	float: right;
}

div#make-your-reservation, div#make-your-reservation-test {
	padding: 0 25px;
	line-height: 40px;
	font-size: 1.1em;
	background: #067c8b;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
	padding-left: 60px;
}

div#make-your-reservation a, div#make-your-reservation-test a{
	color: #FFFFFF;
}

@media screen and (min-width: 768px) {

	.lower-nav-buger-sticky #burger-menu, .lower-nav-buger-sticky #burger-menu-close {
		width: 104px;
	}

	.lower-nav-buger-sticky {
		background: -webkit-linear-gradient(top, #282828 0, #000 100%);
		background: linear-gradient(to bottom, #282828 0, #000 100%);
		position: initial;
		display: block;
	}

	div#make-your-reservation {
		float: right;
	}

	.lower-nav-buger-sticky {
		float: none;
	}

	.lower-nav-menu ul li {
		width: 40%;
	}

	.lower-nav-menu ul {
		margin-left: 40px;
	}
}

@media only screen and (min-width: 1025px) {

	.lower-nav-small {
		display: none;
	}

	.lower-nav {
		display: block;
		background: -webkit-linear-gradient(top, #282828 0, #000 100%);
		background: linear-gradient(to bottom, #282828 0, #000 100%);
		height: 42px;
		width: 100%;
	}

	.lower-nav #make-your-reservation {
		padding: 0 25px;
		line-height: 42px;
		font-size: 1.1em;
		background: #067c8b;
		text-transform: uppercase;
		cursor: pointer;
	}

	.lower-nav ul li {
		padding: 0 10px;
		line-height: 42px;
		font-size: 1.1em;
		color: #FFFFFF;
		float: right;

	}

	.lower-nav ul > li > a {
		display: inline-block;
		font-size: 15px;
		color: #fff;
		padding: 0 6px;
	}

	.lower-nav ul > li > a:hover {
		background: #505050;
		text-decoration: none
	}

	.lower-nav ul li > a {
		color: #FFFFFF;
		text-transform: uppercase;
		font-family: league-gothic, sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase
	}
	
	div#make-your-reservation {
		display: none;
	}

	div#make-your-reservation-test {
		display: none;
	}

	.lower-nav ul {
		width: 925px;
		margin: 0 auto;
	}

	.lower-nav-buger-sticky {
		display: none;
	}
}