html, body {
			margin:0;
			height:100%;
		}
		body {
			background-color: #ebe9e6;
			font-family:'Open Sans';
			font-size:18px;
		}
		p {
			margin:0;
		}
		#header {
			position: relative;
			width: 100%;
			height:90vh;
			height:90dvh;
			overflow:hidden;
		}
		#header_page {
			position: relative;
			width: 100%;
			height:30vh;
			height:30dvh;
			overflow:hidden;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.header_baltrum {
			background-image:url("../images/header3.jpg");
		}
		#menu {
			position:fixed;
			width:60px;
			height:60px;
			left:20px;
			top:20px;
			z-index:1000;
			
		}
		#small_nav {
			position:absolute;
			left:100px;
			top:30px;
			z-index:1000;
			color:#fff;
			font-size:27px;
			z-index:900;
		}
		#small_nav a {
			color:#fff;
			text-decoration: none;
		}
		.image {
			border-radius:10px;
			box-shadow:0px 0px 5px rgba(0,0,0,0.5);
		}
		.smaller {
			font-size:18px;
		}
		span.smaller a {
			text-decoration: underline;
		}
		h1 {
			text-align:center;
			font-weight:normal;
			font-family: 'Amatic SC';
			font-size:60px;
			margin:0;
		}
		h2 {
			font-family:'Playfair Display';
			font-size:24px;
			margin:0;
		}
		#logo {
			position:absolute;
			bottom:50px; 
			left: 50%;
			transform: translate(-50%, 0);
			width:90%;
			max-width:450px;
		}
		#logo_page {
			position:absolute;
			bottom:10px;
			left: 50%;
			transform: translate(-50%, 0);
			width:90%;
			max-width:450px;
		}
		
		#header_bottom {
			position: absolute;
			width:100%;
			bottom:0;
			left:0;
			right:0;
		}
		#header_bottom img {
    	display: block;
}
		#footer {
			position: relative;
			background-color:#c2b5a5;
			width:100%;
			color:#fff;
			font-size:18px;
		}
		#footer a {
			color:#fff;
			text-decoration: none;
		}
		#nav {
			display:none;
			width:100%;
			position: fixed;
			left:0; top:0; right:0;
			background-color:#060268;
			z-index:999;
			color:#fff;
			box-shadow:0px 0px 10px rgba(0,0,0,0.75);
		}
		#nav a {
			color:#fff;
			text-decoration: none;
		}
		.content {
			position:relative;
			width:100%;
		}
		.content_green {
			position:relative;
			width:100%;
			background-color: #365c1d;
			padding:2%;
			box-sizing: border-box;
		}
		.content_blue {
			position:relative;
			width:100%;
			color:#fff;
			background-color: #060268;
		}
		.content_faq {
			position:relative;
			width:100%;
			color:#000;
			background-image: url("../images/faq_bg.jpg");
			background-size: cover;
			background-position: center;
		}
		.content_faq a {
			color:#000;
			text-decoration: none;
		}
		.whitebox {
			position:relative;
			border-radius:20px;
			background-color:#fff;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
			padding:4%;
			box-sizing: border-box;
			margin:10px;
		}
		.wrapper {
			position:relative;
			width:100%;
			max-width:1300px;
			margin:0 auto;
		}
		.col1 {
			position: relative;
			display:inline-block;
			width:100%;
			padding:4%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		.col2 {
			position: relative;
			display:inline-block;
			width:50%;
			padding:4%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		.col2a {
			position: relative;
			display:inline-block;
			width:55%;
			padding:4%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		.col2b {
			position: relative;
			display:inline-block;
			width:45%;
			padding:4%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		.col2_margin {
			position: relative;
			display:inline-block;
			width:46%;
			padding:4%;
			margin:2%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		.col3 {
			position: relative;
			display:inline-block;
			width:33.3%;
			padding:4%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		.col4 {
			position: relative;
			display:inline-block;
			width:25%;
			padding:1%;
			box-sizing: border-box;
			vertical-align:middle;
		}
		#map_canvas {
	width:100%;
	height:400px;
	position: relative;
}
		/* Slider */

#slider{
    width:100%;
    height:100%;
    overflow:hidden;
}

#slider_track{
    display:flex;
    width:100%;
    height:100%;
    transform:translateX(0);
}

.slide{
    flex:0 0 100%;
    width:100%;
    height:100%;
}

.slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

		
		#slider_dots{ position:absolute; bottom:25px; left:50%; transform:translateX(-50%); display:flex; gap:10px; z-index:20; } .dot{ width:12px; height:12px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); background:rgba(255,255,255,0.25); transition:all .4s; cursor:pointer; } .dot.active{ background:#fff; }
		


		
		
		/*button */
		
.button1,
.button2, .button3 {

    width:270px;
    max-width:100%;
position: relative;
    height:50px; 
	margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 8px 0 45px;

    box-sizing:border-box;

    border-radius:36px;

    text-decoration:none;

    font-size:24px;
    font-weight:300;

    color:#fff;
}

.button1{
    background:#355f14;
}

.button2{
    background:#c3b9aa;
    margin-top:18px;
}
		.button3{
    background:#4c4c94;
			margin:0;
    
}


.button1:hover,
.button2:hover{
    filter:brightness(1.05);
}
		
		
		.button_icon {
			position: absolute;
			right:5px;
			top:5px;
			width:40px;
			height:40px;
		}
	
		

.gallery_element {
			width:23%;
			display:inline-block;
			margin:1%;
			position:relative;
			vertical-align:top;
			overflow: hidden;
		}
	
		.gallery_pic {
			width:100%;
			padding:35%;
			box-sizing: border-box;
			background-position: center;
			background-size:cover;
			transition: all 1s ease;
		}
		.gallery_pic:hover {
     		transform: scale(2);
		}

.col2_small {
	position: relative;
	display:inline-block;
	width:40%;
	box-sizing: border-box;
	padding:2%;
	vertical-align: middle;
}
.col2_big {
	position: relative;
	display:inline-block;
	width:60%;
	box-sizing: border-box;
	padding:2%;
	vertical-align: middle;
}


		/* smaller screens  */
		
		
		@media screen and (max-width: 1400px) {
			
			.smaller {
			font-size:16px;
		}
		}
		
		@media screen and (max-width: 900px) {
		
			.col2 {
				width:100%;
			}
			.col2a {
				width:100%;
			}
			.col2b {
				width:100%;
			}
			.col4 {
				width:50%;
			}
			
			
		}
		
		
		@media screen and (max-width: 750px) {
		
			.col2_small {
		width:100%;
	}
	.col2_big {
		width:100%;
	}
	
			.col3 {
				width:50%;
			}
			.content_green {
				text-align:center;
			}
			.col2_margin {
				width:96%;
			}
			
			
			.smaller {
			font-size:14px;
		}
			h1 {
				font-size:40px;
			}

			.gallery_element {
			width:48%;
			display:inline-block;
			margin:1%;
		}
			
		}
		
		@media screen and (max-width: 600px) {
		
			.col3 {
				width:100%;
			}
			
		}
		
		@media screen and (max-width: 700px) {
		
			#small_nav {
				display:none;
			}
			
		}
		
		
		div.content_faq span.smaller {
			color:#6D6D6D;
		} 
		div.content_faq span.smaller a {
			color:#6D6D6D;
		}