body {
	margin:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:17px;
}

#header {
	position:relative;
	height:126px;
	width:100%;
	background-color:#bcaf9f;
}
#header_pic {
	position:relative;
	width:100%;
}
#logo {
	position:absolute;
	width:493px;
	bottom:10px;
	left:10px;
	z-index:2;
}
#sticky_nav {
	position:fixed;
	width:100%;
	height:44px;
	top:0;
	left:auto;right:auto;
	background-image:url(../images/fixed_nav.png);
	background-position:center;
	z-index:1000;
	cursor:pointer;
	display:none;
}
#nav_display {
	position:absolute;
	bottom:20px;
	right:10px;
	text-align:right;
	color:#fff;
	font-size:28px;
}
.wrapper {
	position:relative;
	width:100%;
	max-width:1100px;	
	margin:0 auto;
}
#main {
	position:relative;
	width:100%;
	background-color:#F3ECE6;
	padding:2%;
	box-sizing:border-box;
}
#booking {
	position:fixed;
	width:100%;
	height:40px;
	bottom:0;
	left:auto;right:auto;
	background-image:url(../images/booking.png);
	background-position:center;
	z-index:1000;
	cursor:pointer;
}
#booking_en {
	position:fixed;
	width:100%;
	height:40px;
	bottom:0;
	left:auto;right:auto;
	background-image:url(../images/booking_en.png);
	background-position:center;
	z-index:1000;
	cursor:pointer;
}
#nav {
	display:none;
	position:relative;
	width:100%;
	max-width:1300px;
	margin:0 auto;
	top:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,0.9);
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	z-index:1;
}
.navpic {
	margin:20px;
	width:180px;
}
#nav_title {
	position:absolute;
	bottom:3px;
	right:70px;
	white-space: nowrap;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-weight:500;
	font-size:20px;
}


#footer {
	position:relative;
	width:100%;
	min-height:486px;
	overflow:visible;
	background-image:url(../images/footer_bg.gif);
	background-color:#F3ECE6;
}
#footer_content {
	position:relative;
	width:100%;
	overflow:visible;
	max-width:980px;
	margin:0 auto;
}
#bottomleft {
	position:relative;
	top:61px;
	margin-left:10px;
	width:70%;
}
#bottomright {
	position:relative;
	width:193px;
	float:right;
	text-align:right;
	margin-top:4px;
	margin-right:10px;
}
.content_50 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding:2%;
	box-sizing:border-box;
}
.content_66 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:66.6%;
	padding:2%;
	box-sizing:border-box;
}
.content_33 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.3%;
	padding:2%;
	box-sizing:border-box;
}
.content_half {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:31.3%;
	padding:0%;
	margin:1%;
	box-sizing:border-box;
}

h1 {
	color:#95826a;
	font-size:36px;
	margin:0;
	font-weight:600;
text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
h2 {
	color:#95826a;
	margin:0;
	font-size:24px;
	font-weight:500;
	font-style:normal;
}

.button {
	background-color:#fff;
	padding:10px;
	box-sizing:border-box;
	width:46%;
	display:inline-block;
	margin:2% 3% 2% 1%;
	border:1px solid #6E0000;
	border-left:10px solid #6E0000;
}
.white {
	color:#fff;
}
#main_white {
	position:relative;
	width:100%;
	background-color:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	padding:2%;
	box-sizing:border-box;
}
.collage {
	position:relative; width:24%; margin-right:1%; margin-bottom:1%; display:inline-block;
}
.collage_txt {
	text-align:right; position:absolute; bottom:0; right:0; padding:5px 5px; font-weight:bold; border-top-left-radius:10px; background-color:rgba(105,0,0,0.8); color:#fff;
}
.minicollage {
	position:relative; width:13.5%; margin-right:1%; margin-bottom:1%; display:inline-block;
}
.collage_element {
	position:relative; width:100%; padding:50%; box-sizing:border-box; background-position:center; background-size:cover;
}

.col_txt {
	column-count:2;
	width:100%;
	column-gap:50px;
}
#map_canvas {
	width:100%;
	height:400px;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color:#000;
}
.video {
	position:relative; width:100%; display:inline-block;
}
.video_play_button {
	position:absolute; text-align:center; bottom:50px; margin-left: auto; margin-right: auto; left: 0; right: 0; width:100px;
}

.col2break_small {
	position:relative;
	float:left;
	width:31%;
	margin:0% 2% 2% 2%;
}

.col2break_big {
	position:relative;
	float:left;
	width:61%;
	margin:0% 2% 2% 2%;
}

.links {
	width:165px;
	display:inline-block;
	position:relative;
	padding:1%;
	padding-bottom:20px;
	margin:2% 1%;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	background-color:#F5F5F5;
}
.links:hover {
	background-color:#690000;
	color:#fff;
}


@media screen and (max-width: 1000px) {
	.content_66 {
	width:100%;
}
.content_33 {
	width:100%;
}

.content_50 {
	width:100%;
}
h1 {
	font-size:36px;
}
.video_play_button {
	width:70px;
}


}
@media screen and (max-width: 800px) {

	#nav_title {
		display:none;
	}
	.col_txt {
	column-count:1;
}
.content_50 {
	width:100%;
}
.video_play_button {
	width:70px;
}


}


@media screen and (max-width: 720px) {
#logo {
	width:70%;
	left:15%;
}
	#nav_title {
		display:none;
	}
	#nav_display {
		bottom:auto;
		top:60px;
	}
	.content_half {
		width:98%;
		margin-bottom:20px;
	}
	.button {
	width:98%;
	margin:2% 1% 2% 1%;
}
.collage {
	width:49%; margin-right:1%; margin-bottom:1%; display:inline-block;
}
.minicollage {
	position:relative; width:24%; margin-right:1%; margin-bottom:1%; display:inline-block;
}
.video {
	max-width:200px;
}
.col2break_small {
	position:relative;
	float:none;
	width:94%;
	margin:0% 3% 3% 3%;
}
.col2break_big {
	position:relative;
	width:94%;
	float:none;
	margin:0% 3% 3% 3%;
}
}


@media screen and (max-width: 500px) {
#logo {
	width:94%;
	left:3%;
}
#nav {
	padding:10px 5px;
}
.navpic {
	margin:10px;
	width:150px;
}
#bottomleft {
	width:90%;
	padding-bottom:50px;
}

}


.mandatory1 {
	display:none;
}
.mandatory2 {
	display:block;
}
.mandatory3 {
	display:block;
}