body{
	padding:0;
	width:100%;
	margin:0;
	font-family: 'Montserrat', sans-serif;
	  background-size: cover;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-image: url("../images/background.jpg");

}

	.wrapper{
		width:100%;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-auto-flow:row;
		margin:0;
		grid-gap: 2%;
		grid-row-gap: 5vh;
	}
	
	.wrapper > div{
		
		
		
	}
	
	.header{
		 position:sticky;
		 top:0;
		 grid-column:col-start / span 2;
		 display:grid;
		 grid-template-columns: repeat(4, [col-start] 1fr);
		 padding-bottom:10px;
		 padding-top:15px;
		 background:#0084d7;
		 color:#FFF;
			
	}
	.header h1{
		
		grid-column:col-start 2 / span 2;
		font-size:5vw;
		
	}
	.airbnb{
		background-image: url('../images/airbnb.png'); 
		background-position:left; 
		background-repeat: no-repeat; 
		background-size: contain; 
		text-align:right;
		padding-top:2vh;
		padding-right:8%;
		padding-bottom:2vh;
		padding-left:10%;
		border:1px solid #003;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		box-shadow: 2px 2px 1px 1px rgba(25, 198, 255,1);
		font-weight:bold;

	}
	
	.footer{
		font-size:0.8em;
		font-weight:bold;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		color:#FFF;

	}

	.fixed {  
	  min-height: 50vh;
	  background-size: cover;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  background-position: center center;
	  grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	
	.right{
		margin-top:50vh;
		min-height:50vh;
		grid-column:col-start/span 2;	
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		background-color:rgba(255,255,255,0.7);
	}
	
	.left{
		margin-top:50vh;
		min-height:50vh;
		grid-column:col-start/span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		background-color:rgba(255,255,255,0.7);
		
	}


	.half{ 
		display:block;
		width:100%;
		
	}
	.full{
		grid-column:col-start/span 2;
		display:block;

	}
	
	.block_wrapper{
	
			grid-column:col-start/span 2;
			display: grid;
			grid-template-columns: repeat(2, [col-start] 1fr);
			grid-gap: 10px;
			grid-auto-flow:row;
		
	}	
	
	.block{
		border:1px solid #003;
		display:block;
		height:20vh;
		width:95%;
		margin:0 auto;
		background-size: contain;
	  	background-repeat: no-repeat;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		padding:0;
		box-shadow: 2px 2px 1px 1px rgba(25, 198, 255,1);
		
	}
	.block .title{
		text-align:center;
		color:#FFF;
		background-color:#0084d7;
		font-size:5vw;
		width:100%;
		line-height:7.5vh;
		margin-top:12.5vh;
	}
	
	/*Responsive Map*/
	
	.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;		
		
    }
	

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }	
		
	
	.scrolling {
		background:#00a8e6;
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	/*NAVIGATION*/
	

	

  
	.small_menu{
		 display:block;
		 position:sticky;
		 top:1vh;
		 text-decoration:none;
		 font-size:1em;
		 font-weight:bolder;
		 text-align:right;
		 grid-column:4;
		 padding-right:5%;
		 padding-bottom:10px;
		 color:#FFF;
	}
	
	.navs {
		grid-column:col-start / span 4;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-auto-flow:row;
		margin:0;
		grid-gap: 2%;
		grid-row-gap: 5vh;	
		color:#FFF;	
	}
	
	#navsies{
		
		display:none;
	}
	
	.navs .link{
		border:1px solid #003;
		display:block;
		height:15vh;
		width:95%;
		margin:0 auto;
		background-size: contain;
	  	background-repeat: no-repeat;
		background-position: center center;
		background-color:rgba(0,117,193,1);
		font-weight:bold;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		padding:0;
		box-shadow: 2px 2px 1px 1px rgba(25, 198, 255,1);
		color:#FFF;
		
	}
	
	.navs .link p{
	
		
		line-height:7vh;
		margin-top:4vh;
		font-size:4vw;
		text-align:center;	
		color:#FFF;
		
	}
	
	.navs a:hover{
		color:#003;
		
	}
	
	.block_links{
		width:98%;
		margin-left:1%;
		padding:10px 10% 10px 10%;
		border:1px solid #CCC;	
		text-align:center;
		/*background:#8c7ae6;
		color:#FFF;*/
		font-weight:bold;
		text-decoration:none;
		display:block;
	}
	
	.block_links:hover{
		background:inherit;
		border:1px solid #CAFFFF;
		text-decoration:none;
		color:#000;
	}
	
	
/*Backgrounds*/	

	
	.fixed.house1 {
		/*first image / home screen*/
		background-image: url("../images/entrance.jpg");
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	.fixed.house2 {
		/*the house*/
		
		background-image: url("../images/hall.jpg");
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
		
	}
	
	.fixed.house3 {
		/*the pool*/
		
		background-image: url("../images/livingRoom.jpg");
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	.fixed.sunset1 {
		/*Location*/
		grid-column:col-start / span 2;	
		background-image: url("../images/sunsetView.jpg");
		margin:0;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	.fixed.castle1 {
		/*Nearby*/
		
		background-image: url("../images/castle1.jpg");
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	.fixed.reviews1 {
		/*Reviews*/
		
		background-image: url("../images/pool4.jpg");
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	.fixed.sunset {
		/*Contact*/
		
		background-image: url("../images/sunset.jpg");
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
		.fixed.pool1 {
		/*pool*/
		
		background-image: url("../images/pool5.jpg");
		background-size: cover;
	  	background-attachment: fixed;
	  	background-repeat: no-repeat;
	  	background-position: center center;
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	
	.fixed.pool2 {
		/*pool*/
		
		background-image: url("../images/pool4.jpg");
		background-size: cover;
	  	background-attachment: fixed;
	  	background-repeat: no-repeat;
	  	background-position: center center;
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}	

	.fixed.pool3 {
		/*pool*/
		
		background-image: url("../images/pool3.jpg");
		background-size: cover;
	  	background-attachment: fixed;
	  	background-repeat: no-repeat;
	  	background-position: center center;	
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}		

	.fixed.pool3 {
		/*pool*/
		
		background-image: url("../images/pool3.jpg");
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: center center;		
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}
	

	.fixed.pool4 {
		/*pool*/
		
		background-image: url("../images/pool4.jpg");
	  	background-size: cover;
	  	background-attachment: fixed;
	  	background-repeat: no-repeat;
	  	background-position: center center;
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}		

	.fixed.pool5 {
		/*pool*/
		
		background-image: url("../images/pool5.jpg");
	  	background-size: cover;
	  	background-attachment: fixed;
	  	background-repeat: no-repeat;
	  	background-position: center center;
		margin:0;
		grid-column:col-start / span 2;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
		margin:0;
	}				
	
	/*Text */
	
	h1{
		margin-top: 0;
		text-align:center;
		color:#FFF;
		background-color:#0084d7;
		font-size:2em;
		
	}
	
	h2, h3, h4, h5, h6 {
		margin-top: 0;
		text-align:center;
		color:#FFF;
		display:block;
		background-color:#0084d7;
		padding-left:2%;
		padding-right:2%;
		padding-top:5px;
		padding-bottom:5px;
		font-size:1.9em;
	}
	p {
		padding-left:1%;
		padding-right:1%;
		line-height:1.5em;
		font-size:1.8em;
		color:#003;
	
	}
	
	a{
		text-decoration:none;
	}
	
	li{
		list-style:none;
		line-height:1em;
		font-size:0.8em;
		color:#003;
		padding-left:1%;
		padding-right:1%;
		margin-top:3vh;
	}

	.confirm{
		width:100%;
		display:block;
		text-align:center;
		background-color:#3C6;
	}
	
	.error{
		width:100%;
		display:block;
		text-align:center;
		background-color:#F33;
	}


.text_input{
	font-size:14px;
	border:1px solid #DADDFE;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	padding:3px;
	max-width:95%;
}

.btn{
	padding: 10px 12%;
    background-color: #FFF;
    color: #0084d7;
    border: 1px solid #0084d7; /* Blue */
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	text-align:center;

}

.btn:hover {
    background-color: #0084d7;
    color: #FFF;
	border: 1px solid #003;
	text-decoration:none;
}
		


@media screen and (min-width: 1000px){
	
		/*Text */
	
	h1{
		margin-top: 0;
		text-align:center;
		color:#FFF;
		background-color:#0084d7;
		font-size:2em;
		
	}
	
	h2, h3, h4, h5, h6 {
		margin-top: 0;
		text-align:center;
		color:#FFF;
		display:block;
		background-color:#0084d7;
		padding-left:2%;
		padding-right:2%;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	p {
		padding-left:1%;
		padding-right:1%;
		font-size:1em;
		color:#003;
	
	}
	
	a{
		text-decoration:none;
		color:#FFF;
	}
	
	a:hover{
		color:#003;
	}


	.wrapper{
		width:100%;
		display: grid;
		grid-template-columns: repeat(6, [col-start] 1fr);
		grid-auto-flow:row;
		margin:0;
		grid-gap: 2%;
	}
	
	.wrapper > div{
		
		
		
	}
	
	.header{
		position:sticky;
		top:0;
		grid-column:col-start / span 6;
		display:grid;
		grid-template-columns: repeat(7, [col-start] 1fr);
		padding-top:1vh;
		background:#0084d7;
		color:#FFF;
		height:19vh;
			
	}
	.header h1{
		
		grid-column:col-start 3 / span 3;
		font-size:2em;
		text-align:center;
		width:100%;
		
	}
	
	.footer{
		font-size:0.4em;
		font-weight:bold;
		position:sticky;
		bottom:0;
		grid-column:col-start / span 6;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);

	}

	
	.right{
		
		float:left;
		margin-left:60%;
		margin-top:20vh;
		margin-bottom:10vh;
		min-height:0;
		height:inherit;
		width:35%;
		line-height:1;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-auto-flow:row;
		background-color:rgba(255,255,255,0.7);
		border:1px solid #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;		
	}
	
	.left{
		
		float:left;
		margin-left:10%;
		margin-top:20vh;
		margin-bottom:10vh;
		min-height:0;
		width:35%;
		line-height:1;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-auto-flow:row;
		background-color:rgba(255,255,255,0.7);
		border:1px solid #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		
	}


	.half{ 
		display:inline-block;
		width:48%;
		
	}
	.full{
		grid-column:col-start/span 2;
		display:block;

	}
	
	.block_wrapper{
	
			grid-column:col-start/span 6;
			display: grid;
			grid-template-columns: repeat(6, [col-start] 1fr);
			grid-gap: 10px;
			grid-auto-flow:row;
			margin-top:15vh;
			margin-bottom:15vh;
		
	}
	
	.block{
		border:1px solid #003;
		display:block;
		min-height:25.5vh;
		width:95%;
		margin:0 auto;
		background-size: contain;
	  	background-repeat: no-repeat;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		padding:0;
		box-shadow: 2px 2px 1px 1px rgba(25, 198, 255,1);
		
	}
	.block .title{
		text-align:center;
		color:#FFF;
		background-color:#0084d7;
		font-size:1em;
		width:100%;
		line-height:7.5vh;
		margin-top:18vh;
	}
	
	/*Responsive Map*/
	
	.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;		
		
    }
	

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }	
		
	

	
	/*NAVIGATION*/
	

	

  
	.small_menu{
		 display:none;

	}
	
	#navsies {
		grid-column:col-start / span 7;
		display: grid;
		grid-template-columns: repeat(7, [col-start] 1fr);
		margin:0;
		grid-gap: 2%;
		grid-row-gap: 5vh;	
		color:#FFF;	
		text-align:center;
	}
	

	
	#navsies .link{
		border:1px solid #003;
		display:block;
		width:95%;
		margin:0 auto;
		background-size: contain;
	  	background-repeat: no-repeat;
		background-position: center center;
		background-color:rgba(0,117,193,1);
		font-weight:bold;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		padding:0;
		box-shadow: 2px 2px 1px 1px rgba(25, 198, 255,1);
		color:#FFF;
		text-align:center;
		
	}

	#navsies .link:hover{
		color:#003;
		background-color:#FFF;
		
	}	
	
	#navsies .link p{
	
		
		line-height:5vh;
		margin-top:2vh;
		font-size:1em;
		text-align:center;	
		color:#FFF;
		
	}
	#navsies .link:hover p{
		color:#003;
		background-color:#FFF;
		
	}	
	
	
	.block_links{
		width:98%;
		margin-left:1%;
		padding:10px 10% 10px 10%;
		border:1px solid #CCC;	
		text-align:center;
		/*background:#8c7ae6;
		color:#FFF;*/
		font-weight:bold;
		text-decoration:none;
		display:block;
	}
	
	.block_links:hover{
		background:inherit;
		border:1px solid #CAFFFF;
		text-decoration:none;
		color:#000;
	}
	
	
/*Backgrounds*/	

	.scrolling {
		background:#00a8e6;
		margin:0;
		width:100%;
		grid-column:col-start / span 6;
		display: grid;
		grid-template-columns: repeat(2, [col-start] 1fr);
		grid-gap: 0px;
		grid-auto-flow:row;
	}

	.fixed {  
	  	min-height: 90vh;
		grid-column:col-start / span 6;
	  	background-size: cover;
	  	background-attachment: fixed;
	  	background-repeat: no-repeat;
	  	background-position: center center;
		width:100%;
	}
	
	.fixed.house1 {
		/*first image / home screen*/
		background-image: url("../images/entrance.jpg");
		width:100%;
		grid-column:col-start / span 6;		
	}
	
	.fixed.house2 {
		/*the house*/
		background-image: url("../images/hall.jpg");
		width:100%;
		grid-column:col-start / span 6;

	}
	
	.fixed.house3 {
		/*the pool*/
		
		background-image: url("../images/livingRoom.jpg");
		width:100%;
		grid-column:col-start / span 6;

	}
	
	.fixed.sunset1 {
		/*Location*/
		background-image: url("../images/sunsetView.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}
	
	.fixed.castle1 {
		/*Nearby*/
		background-image: url("../images/castle1.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}
	
	.fixed.reviews1 {
		/*Reviews*/
		background-image: url("../images/pool4.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}
	
	.fixed.sunset {
		/*Contact*/		
		background-image: url("../images/sunset.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}
	
	.fixed.pool1 {
		/*pool*/
		background-image: url("../images/pool5.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}
	
	.fixed.pool2 {
		/*pool*/
		background-image: url("../images/pool4.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}	

	.fixed.pool3 {
		/*pool*/
		background-image: url("../images/pool3.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}		

	.fixed.pool3 {
		/*pool*/
		background-image: url("../images/pool3.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}
	

	.fixed.pool4 {
		/*pool*/
		background-image: url("../images/pool4.jpg");
		width:100%;
		grid-column:col-start / span 6;
	
	}		

	.fixed.pool5 {
		/*pool*/
		background-image: url("../images/pool5.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}				

	.fixed.review1 {
		/*pool*/
		background-image: url("../images/view.jpg");
		width:100%;
		grid-column:col-start / span 6;
	}	
	
	
	.text_input{
		font-size:14px;
		border:1px solid #DADDFE;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		padding:3px;
		max-width:48%;
		display:inline-block;
	}
	
	.btn{
		padding: 10px 12%;
		background-color: #FFF;
		color: #0084d7;
		border: 1px solid #0084d7; /* Blue */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		text-align:center;
	
	}
	
	.btn:hover {
		background-color: #0084d7;
		color: #FFF;
		border: 1px solid #003;
		text-decoration:none;
	}
		
}