body { 
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
	font-size: 16px;
}

#topHeader { padding-top: 5px; }

.navbar {
	 margin-bottom: 0px;
}

.logo {
	padding: 10px; height: 120px;
}

#bannerContainer {
	padding-top: 0px;
}

h1 { font-family: 'Playball', cursive; font-size: 48px; }

.reservationSection { background: #e2ddb9; margin-top: -10px; color: #333333; }
.book-your-stay { font-family: 'Monoton', cursive; }

.carousel-item {
  height: 60vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-caption h1 { font-size: 72px; font-weight: 900; color: #000000; }
.carousel-caption h2 { font-size: 42px; font-weight: 900; color: #000000; }
.carousel-caption h3 { font-size: 36px; font-weight: 900; color: #000000; }
.carousel-caption p { color: #0a3981; }
.carousel-caption {
	border: 10px solid rgba(1, 46, 223,.5); bottom: 30%; left: 5%; right: 5%; background: rgba(255, 255, 255, .7);
}

.imgMax { width: 100%; }

/* content */
.pageSection {
	padding-top: 10px;
	margin-bottom: 10px;
}

.pageContent {
	margin-top: 10px;
}

h1 {
	 font-weight: 900;
}

/* content end */

/* footer */
#footer {
	padding-top: 10px;
	background: #f5f0dc;
}
.footer-content {  }
.footer-content a { color: #666666;  }
#footer-copy { background: #cccccc; padding: 10px; }

#footer .col-sm-4 {
	min-height: 250px;
}

/* footer end */

@media (max-width: 767px) {
	.logo {
		display: block;
    		margin-left: auto;
    		margin-right: auto;
	}
	
	.navbar {
		margin-top: 0px;
	}
	
	#navbar-col {
		padding: 0px;
	}	
	
	.carousel-caption { bottom: 60px; }
	.carousel-caption h1 { font-size: 36px; }
	.carousel-caption h2 { font-size: 18px; }
	.carousel-caption h3 { font-size: 12px; }
	
	.quoteBox{
		background: #32c1c3; 
		min-height: 300px;
		padding: 30px; 	
	}

}