@media only screen and (max-width: 1000px) {
	#retreat-main-wrapper {
		background-position: 0;
	}

	header {
		height: 60px;
		width: 100%;
	}

	nav {
		position: absolute;
		min-height: 300px;
		width: 80%;
		max-width: 300px;
        right: 18px;
		top: 60px;
		z-index: 1;
		display: none;
	}

	main {
		top: 15%;
		left: 15%;
		width: 80%;
		height: 80%;
	}

	.logo {
		font-size: 24px;
		top: 18px;
		left: 5%;
	}
	
	#logo-zwei {
		font-size: 27px;
	}

	.nav-icon {
		display: block;
	}
}