#nav {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-image: url(../images/nav-background.JPG);
	background-repeat: no-repeat;
	background-size: cover;
	right: -100%;
	z-index: 3;
	min-height: 900px;

	@media (max-width: $tabletBreakpoint) {
		background-image: none;
		background: #000000;
	}
}

.navs {
	margin-top: 170px;
	width: 100%;
	float: left;
	height: auto;
}

.nav-overlay {
	background: rgba(0, 0, 0, 0.9) !important;
}

.navigation-bars {
	height: auto;
	width: 1000px;
	background: transparent;
	position: absolute;
	color: #fff;
	top: 450px;
	left: 50%;
	padding: 15px;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-family: "Neutraface";

	@media (max-width: $tabletBreakpoint) {
		top: 25%;
	}

	.nav-buttons {
		height: 470px;
		width: 200px;
		float: left;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		margin-top: -300px;
		display: none;
		opacity: 0;
		color:#fff;

		@media (max-width: $tabletBreakpoint) {
    	    height: 42px;
		    background: none;
		    float: none;
		    margin: 0 auto;
    	}

		.text {
		    margin: 100% auto;
    		display: table;
    		font-size: 25px;
    		text-transform: uppercase;
    		letter-spacing: 1px;

    		@media (max-width: $tabletBreakpoint) {
		    	margin: 0 auto;
		    	color: #73abdd;
    		}
		}

		.nav-buttons-overlay {
		    width: 200px;
    		height: 100%;
    		position: absolute;

		 	&:hover {
	    		background: -moz-linear-gradient(left, #73abdd 0%, transparent 79%, transparent 80%);
		    	background: -webkit-linear-gradient(left, #73abdd 0%, #5a7287 79%, transparent 80%);
		    	background: linear-gradient(to right, rgba(63, 94, 120, 0.4) 16%, rgba(63, 94, 120, 0.4) 18%, transparent 80%);
		    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
		 	}

		 	@media (max-width: $tabletBreakpoint) {
				&:hover {
					color: #73abdd;
					background: none;
				}
    		}
		}
	}

	.historie {
		background-image: url(../images/historie.png);

		@media (max-width: $tabletBreakpoint) {
			background-image: none;
    	}
	}

	.lieu {
		background-image: url(../images/lieu.png);

		@media (max-width: $tabletBreakpoint) {
			background-image: none;
    	}
	}

	.menus {
		background-image: url(../images/menus.png);

		@media (max-width: $tabletBreakpoint) {
			background-image: none;
    	}
	}

	.contact {
		background-image: url(../images/contact.png);

		@media (max-width: $tabletBreakpoint) {
			background-image: none;
    	}
	}

	.pushed {
		margin-left: 50px;

		@media (max-width: $tabletBreakpoint) {
			margin: 15px auto;
    	}
	}
}

.logo_transparent {
	img {
	    position: absolute;
	    bottom: 4%;
	    width: 215px;
	    right: 50%;
	    left: 50%;
	    transform: translate(-50%, 0%);
	}

	@media (max-width: $tabletBreakpoint) {
		display: none;
	}
}