html {
	height: 100%;
}
body {
	height: 100%;
}
body {
	color: rgb(97, 97, 97); padding-top: 45px; font-weight: 300;
}
h1 {
	font-family: "Roboto", sans-serif; font-weight: 100;
}
h2 {
	font-family: "Roboto", sans-serif; font-weight: 100;
}
h3 {
	font-family: "Roboto", sans-serif; font-weight: 100;
}
h4 {
	font-family: "Roboto", sans-serif; font-weight: 100;
}
h5 {
	font-family: "Roboto", sans-serif; font-weight: 100;
}
h6 {
	font-family: "Roboto", sans-serif; font-weight: 100;
}
section {
	height: auto; position: relative;
}
.slogan {
	left: 0px;
	width: 100%;
	bottom: 100px;
	display: inline-block;
	position: absolute;
	z-index: 99;
}
.slogan p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 36px;
	font-family: "Roboto", sans-serif;
	font-size: 36px;
	font-weight: 700;
}
.padding {
	padding: 60px 0px;
}
.page-title {
	color: rgb(77, 77, 77);
}
.gallery .photo {
	margin: 0px !important; padding: 0px !important;
}
.gallery-title {
	background: rgb(244, 244, 244); margin: 0px; color: rgb(109, 109, 109); line-height: 36px; padding-top: 20px; padding-bottom: 20px; font-size: 36px; font-weight: 100;
}
ul.features-list {
	width: 100%; overflow: hidden; padding-left: 15px; display: block;
}
.features-list li {
	width: 50%; text-align: left; float: left;
}
h4.desc-title {
	margin: 15px 0px 0px; padding: 0px; color: rgb(97, 97, 97); text-transform: uppercase; line-height: 26px; font-size: 16px; font-weight: 400;
}
.btn-book {
	padding: 12px 20px; text-transform: uppercase;
}
footer {
	background: rgb(242, 242, 242); padding: 16px 0px 10px; color: rgb(107, 107, 107); font-size: 12px;
}
footer a {
	color: rgb(107, 107, 107);
}
section.full-height {
	height: 100%; position: relative;
}
@media all and (max-width:767px)
{
.features-list li {
	width: 100%; text-align: left; float: left;
}
.slogan {
	bottom: 60px;
}
.slogan p {
	line-height: 18px; font-size: 18px;
}
}