html {
	background:#505D6E url(../images/fresku-bewerkt.jpg) no-repeat center center fixed;
	min-height:100%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

@media screen and (max-width: 767px) {
	html {
		background:#505D6E url(../images/fresku-bewerkt.jpg) no-repeat center 30% fixed;
		min-height:100%;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
	}
}

body {
	background:transparent;
	min-height:100%; 	
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5em;
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
	color:#fff;
	color:rgba(255,255,255,.8); 
	font-weight: normal;
}

a, a:hover, a:active, a:focus{
	text-decoration:none;
	color:#fff;
}

}

.booking {
	position: absolute;
	bottom: 0;
	left: 0;
	margin:20px;
}

.booking-link{
	font-size:36px;
	font-weight:bolder;
	line-height: 52px;
}

.notch {
	position: absolute;
	bottom: 0;
	right: 0;
	margin:20px;
}

}

@media screen and (max-width: 767px) {
	#crossfade img {
		height:28px;
		width:28px;
	}
	
	ul.social-list > li {
		margin-left: 0;
	}
	
	.social {
		margin:20px auto;
		width:301px;
		text-align:center;
		position:inherit;
	}
	
	.logo {
		margin:20px auto;
		width:318px;
		height:auto;
		text-align:center;
		position:inherit;
	}
}