@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

	@import url('https://fonts.googleapis.com/css?family=Montserrat');
  html,
  body{
    width:100%;
    overflow-x:hidden;
	margin: auto;
  }

}


.topnav {
	display:none;
}

     
	body {
		font-family: Montserrat, sans-serif; 
		color:#000;
		text-align:center;
		margin: auto;
		overflow-x:hidden;
	}

p strong {font-weight: 600;}
	
		a img
	{
		border:none;
	
	}
	
	a {
	 color: #000;
	 text-decoration:none;
	 }
	 
	 
	a:hover {
	 color: #000;
	 text-decoration:underline;

	 }	 


	
	.clear{clear:both;}
	
	.outer_container {
		height: 100%;
		width: 100%;
	}
	
	
	.content {
	  font-size:18px;
	  line-height: 35px;
	  padding-top:10px;
	  color:#000;
	letter-spacing: 0.5px;

		
	}
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}


	.top_bar {
		float:left;
		height:auto;
		width:100%;
		margin-top:15px;
		
	}
	
	.logo {
		float:left;
		width:15%;
		height:auto;
		margin-left:15%;
		
	}
	
	.logo img, .header_image img, .header_name img, .header_btn img, .book_img img, .bot_image img{
		width:100%;
		
	}

	.nav {
	float: left;
    width: 40%;
    height: auto;
    margin-left: 5%;
    margin-top: 15px;
		
	}

	.social {
		float:right;
		width:7%;
		height:auto;
		margin-right:15%;
		
	}

	.social_icon {
		float:left;
		width:33%;
		height:auto;
		
	}
	
	.header_image {
		float:left;
		width:100%;
		height:auto;
		
	}

	.header_name {
	float: left;
    width: 29%;
    height: auto;
    margin-top: -41%;
    margin-left: 15%;
    position: relative;
		
	}

	.header_text {
	float: left;
    width: 24%;
    height: auto;
    margin-top: -31%;
    margin-left: 17%;
    position: relative;
    line-height: 35px;
    font-size: 25px;	
		
	}
	
	.header_btn {
    float: left;
    width: 14%;
    height: auto;
    margin-top: -19%;
    margin-left: 17%;
    position: relative;
		
	}	
	
	.hello_container {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 5px;
    background-color:#DFE0E2;
		
	}	

	.hello {
	width: 50%;
    height: auto;
    margin-top: 5%;
    text-align: center;
    font-size: 24px;
	line-height: 34px;
    margin: 0 auto;
    padding-top: 2%;
		
	}	

	.hello span{
    font-size:40px;
		
	}	

	.hello a{
    text-decoration:underline;
		
	}

	.body_container {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 5px;
		
	}	

.body-text {
	width: 60%;
    height: auto;
    margin-top: 5%;
    text-align: left;
    font-size: 20px;
	line-height: 35px;
    margin: 0 auto;
    padding-top: 2%;
		
	}	

.quotes{
	font-family:Times; 
	font-style: italic; 
	font-size: 25px;
}

.quote-left {
	background: url("../images/quote-left.jpg");
	margin-right: 5px;
	display: block;
	height: 30px;
	width: 30px;
	float: left;
}

.quote-right {
	background: url("../images/quote-right.jpg");
	margin-left: 5px;
	margin-right: 5px;
	display: block;
	height: 30px;
	width: 30px;
	float: left;
}

hr.dotted {
  border-top: 1px dotted red;
	margin: 50px 0px 50px 0px;
}

	.testimonial_container {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 5px;
	margin-top:5%;	
	}		
	
	.testimonial1 {
    float: left;
    width: 20%;
    height: auto;
    margin-left:15%;
		
	}
	.testimonial2, .testimonial3 {
    float: left;
    width: 20%;
    height: auto;
    margin-left:5%;
		
	}

	.quote_img img, .quote_img img, .quote_img img {
	max-width:60px;
		
	}

	.quote_img {
	text-align:center;	
		
	}

	.quote {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 15px;
    line-height: 25px;
	font-style:italic;	
	}

	
	
	
	
	.testimonial_link {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
	text-align:center;
	
	}	
	.testimonial_link a{
    color: #142F4D;
	font-size:18px;
	}		
	
	.horz_line {
    float: left;
    width: 100%;
    height: auto;
    border-top:5px solid #142F4D;
	margin-top:2%;
	}	
	
	
	.booking_container {
    float: left;
    width: 100%;
    height: auto;
	}


	.book_img {
	width: 17%;
    height: auto;
    float: left;
    margin-top: 2%;
    margin-left: 22%;
	}
	
	.book_text {
	width: 40%;
    height: auto;
    float: right;
    margin-top: 2.5%;
    margin-right: 18%;
    font-size: 30px;
	}	

.book_img2 {
    height: auto;
    width: 16.9%;
    float: left;
    margin-top: 2%;
    margin-left: 24%;
}
	
.book_text2 {
    height: auto;
    width: 31.9%;
    float: right;
    margin-top: 2%;
    margin-right: 24%;
}
	
	.book_text span{
	font-size:30px;
	color:#142F4D;
		float: left;
	}		
	
	.bot_image {
    float: left;
    width: 100%;
    height: auto;
	}	
	
	.footer_container {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 5px;
    background-color:#68202C;
	text-align:center;	
	color:#FFF;
	font-size:18px;
	min-height:150px;
	}		
	
	.footer_text {
    margin-top: 65px;
    color: #FFF;
    font-size: 15px;
	}

	.footer_text a{
	color:#FFF;
	font-size:15px;
	}
	
	
	/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
	
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 760px)  {
	
.top_bar {
    text-align: center;
}	
	
	
.logo {
    width: 100%;
	margin-left:0px;
}

.logo img{
    max-width:270px;
}

.social {
    width: 12%;
    margin-right: 0%;
    margin: 0 auto;
	float:none;
}

	
.nav {
    display:none;
}	


.header_name {
    width: 50%;
    margin-top: -46%;
    margin-left: 5%;
}


.header_text {	
    font-size: 2.6vw;
	line-height:normal;
    width: 42.5%;
    margin-top: -33%;
    margin-left: 7%;	
}

.header_btn {
    width: 20%;
    margin-top: -7%;
    margin-left: 7%;
}



.hello {
    width: 95%;
    font-size: 3vw;
	line-height: 4.5vw;
}

.hello span {
    font-size: 6vw;
}

.hello img {
	max-width:90px;
	
}

	.body-text {
    width: 95%;
    font-size: 3vw;
}
.quote {

    line-height: normal;
    font-size: 3vw;
}	
	
	.testimonial1 {
    width: 80%;
    margin-left:10%;
		
	}
	.testimonial2, .testimonial3 {
    width: 80%;
	margin-left:10%;
		
	}

.testimonial_link a {
    font-size: 3vw;
}
	
	
.book_img {
    width: 40%;
    margin-left: 30%;
}	
	
.book_text {
    width: 80%;
    margin-top: 2.5%;
    margin-right: 0px;
    margin-left: 10%;
    font-size: 3.3vw;
    line-height: normal;
    float: left;
    text-align: center;
}
	
.book_img2 {
	margin-top:3%;
    width: 80%;
    margin-left: 10%;
}	
	
.book_text2 {
    width: 94%;
    margin-left: 3%;
    float: none;
}

.book_text span {
    font-size: 3.3vw;
}

.footer_container {
    min-height: 0px; 
}	
	
	
.footer_text, .footer_text a {

    font-size: 2.5vw;
}

.footer_text {
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 15%;
    width: 70%;
    text-align: center;
    line-height: 20px;
}
	
	
	
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
  display:block;
  float:left;
  width:100%;
  height:auto;
  min-height:20px;

}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  min-height:20px;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #68202C;
  color: white;
}	
	
	
	
	
}	


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 761px) and (max-width: 1365px)  {
	
	.logo {
		width:35%;
		margin-left:1%;
		
	}	

	.social {
		width:16%;
		margin-right:1%;
		
	}	
	
.nav {
    width: 88%;
    margin-left: 6%;
    font-size: 1.95vw;
    margin-bottom: 10px;
}

	.header_btn {

    margin-top: -14%;

		
	}		


.header_text {	
    font-size: 1.6vw;
	line-height:normal;
}

.hello {
	width: 72%;
    font-size: 2vw;

}

.hello span {
    font-size: 3vw;
}

	.body-text {
	width: 90%;
    font-size: 1.35vw;
	line-height: 30px;

}
.quote {

    line-height: normal;
    font-size: 1.5vw;
}	
	
	.testimonial1 {
    width: 28%;
    margin-left:1%;
		
	}
	.testimonial2, .testimonial3 {
    width: 28%;
		
	}	
	
.book_img {
    width: 20%;
    margin-left: 20%;
}	
	
.book_text {
    width: 39%;
    margin-top: 2.5%;
    font-size: 2vw;
	line-height:normal;
}	
	
.book_img2 {
    width: 30.6%;
    margin-left: 4.5%;
}	
	
.book_text2 {
	width: 57.5%;
    margin-right: 4.5%;
}	

.book_text span {
    font-size: 2.1vw;
}

.footer_container {
    min-height: 0px; 
}	
	
	
.footer_text, .footer_text a {

    font-size: 1.3vw;
}

.footer_text {
    margin-top: 2%;
    margin-bottom: 2%;
}

		
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
	
	.logo {
		width:15%;
		margin-left:5%;
		
	}	

	.social {
		width:10%;
		margin-right:5%;
		
	}	
	
	.nav {
		width: 52%;
		margin-left: 6%;
	}	
	
.header_text {	
    font-size: 1.6vw;
	line-height:normal;
}

	.header_btn {

    margin-top: -14%;

		
	}	
	
.hello {
    width: 60%;
    font-size: 1.5vw;

}
	.body-text {
    width: 90%;
    font-size: 1.35vw;
	line-height: 30px;

}

.quote {

    line-height: normal;
    font-size: 1.2vw;
}	
	
	.testimonial1 {
    width: 27%;
    margin-left:5%;
		
	}
	.testimonial2, .testimonial3 {
    width: 27%;
		
	}	
	
.book_img {
    width: 20%;
    margin-left: 14%;
}	
	
.book_text {
    width: 48%;
	margin-right: 13%; 
    margin-top: 2.5%;
    font-size: 2vw;
	line-height:normal;
}	
	
.book_img2 {

}	
	
.book_text2 {

}	

.book_text span {
    font-size: 2.1vw;
}

	
.footer_container {
    min-height: 0px; 
}	
	
	
.footer_text, .footer_text a {

    font-size: 1.3vw;
}

.footer_text {
    margin-top: 2%;
    margin-bottom: 2%;
}
	
	
	
}