/*Ocre = #f3c300;
/*---------------------------------------------------- */
* {
	font-family: "Trebuchet MS";
	font-size: 16px;
}

.scroll-bar {
	overflow: hidden;
}

.horizontal {
	width: 10%;
	margin: 1em 0 2em 0;
	height: 1px;
	background-color: #d4af37;
	border: none;
}

p { font-size: 16px; }

h2 {
	font-size: 40px;
}

.image-col {
	margin-right: 7%;
}

.image-col img {
	margin: 5px;
}

.small-image {
	height: 105px;
}

.large-image {
	height: 227px;
}

.large-image-container {
	margin-right: 7px;
}

.p16 {
	font-size: 16px;
	color: #903;
}

.ombre { text-shadow:2px 2px 3px #903; }

.btn {
	border-radius: 3px;
	border: 1px solid #d4af37;
	text-transform: uppercase;
	font-size: 55%;
	padding: 10px 18px;
	font-weight: 400;
	text-decoration: none;
	transition: all 0.3s;
	margin-right: 10px;
}

.btn-large {
	font-size: 16px;
	width: 133px;
	padding: 12px 22px;
	border-radius: 4px;
}

/* End----------------------------*/

/* @media queries */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.image-col {
		margin: auto;
	}
	.page-header {
		text-align: center;
		padding: 1rem;
		font-size: 30px;
	}

	.page-header:after {
		margin: 0.5em auto 0 auto;
		height: 2px;
	}

	.page-header-container {
		margin-bottom: 10px;
	}

	.btn-large {
		margin-bottom: 1em;
		margin: auto;
		font-weight: 700;
		font-size: 77%;
		padding: 15px 27px;
	}

	.horizontal {
		margin: 1em auto 2em auto;
	}

	.horizontal {
		height: 2px;
		width: 39%;
	}

	.centered {
		margin: auto;
		display: block;
		width: 50%;
		text-align: center;
	}


}

@media only screen and (max-width: 320px) {
	.small-image {
		display: none;
	}

	.large-image {
		width: 100%;
		object-fit: cover;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 700px) {
	.btn-large {
		margin: 0.5em auto 1em 1em;
	}

	.page-header {
		padding: 0 100px 0 100px;
	}
	
	.page-header:after {
		margin: 0.5em auto 0 auto;
	}
	.btn-large {
		margin-bottom: 1em;
	}
	.horizontal {
		margin: 1em auto 2em auto;
	}
}

@media only screen and (min-width: 700px) {

	.rates {
		margin-bottom: 1em;
	}
}
@media only screen and (min-width: 954px) {
	.enjoy-services {	}
}