@charset "utf-8";
/* CSS Document */
@media only screen and (max-device-width: 640px) {
body, html{
	width:100%;
	font-size:1.5rem;
}

div.topnav div{
	width:100%;
	height:5.0vh;
	line-height:5.0vh;
}

div.toplogo{
	background:#fff !important;
	width:100% !important;
	height:12.0vh !important;
}

div.toplogo a img{
	height:12.0vh;
}

div.footer{
	font-size:1.0rem;
}

div.amenities div, div.experience_listing div{
	width:90%;
	height:auto;
	float:none;
	text-align: center;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	padding-left:0.3%;
	padding-right:0.3%;
	border: solid 1px #000;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

div.amenities div p{
	font-size:1.25rem;
	margin-left:5%;
	margin-right:5%;
}

div.amenities div img{
	height:7vh !important;
}

div.pswp-gallery{
	width:100% !important;
	float:none;	
}
	
img.photo_gallery{
	width:31%;
	margin:0.6%;
	border: solid 1px #aaa;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);	
}

div.unit_desc{
	width:100%;
	float:none;
	margin-left:0%;
	margin-right:0%;
	margin-top:-1%;
	font-size:125%;
}

div.booking_frame_container{
	width:90% !important;
	height:2900px !important;
	margin-top:2%;
	margin-bottom:2%;
	margin-left:none;
	margin-right:none;
	padding:4%;
	overflow:hidden;
}

div.booking_frame_container p{
	width:100%;
	float:none;
	font-size:105%;
}
	
div.booking_frame_container iframe{
	margin-left:37.5%;
	margin-top:85%;
	margin-bottom:25%;
	transform: scale(2.55);
	height:900px !important;
	margin-bottom:400px;
}
	
div.experience_listing div p{
	font-size: clamp(1.4rem, 3.0vw, 3.0rem); 
	text-align:left;
	margin-left:0.1vw;
}

div.experience_listing h3{
	font-size: clamp(1.5rem, 2.5vw, 2.5rem);

}
	
div.exp_full_desc{
	width:95%;
	margin-left:5%;
	margin-right:5%;
	float:none;
}

div.exp_full_img{
	width:90%;
	float:none;
	margin:5%;
}
	
div.exp_full_img p img{
	width:100%;
	float:none;
	margin-bottom:5%;
}

img.search_image{
	width:100%;
	margin-bottom:2%;
}

}