/* Slide 1 */

#slide-1 .bcg {
	background-image: url('../images/generic-header-7851.jpg');
}

/* Slide 2 */

#slide-2 .bcg {
	background-color: #56565a;
	min-height: 410px;
	background-image: none;
}

#slide-2 h1 {
		color: #fff;
}
	
#slide-2 h4 {
		color: #fff;
}
	
#slide-2 p {
		color: #fff;
}

.stay-dine-bg-pic {
	background-image: url('../images/Stay-and-Dine-Room-01.jpg');
	background-size: cover ;
	background-position: center;
	min-height: 400px;
}

.centre-vert {
	  display: flex;
	  align-items: center;     /* Centers vertically */
	  justify-content: center;   /* Centers horizontally */
	  height: 800px;             /* The parent must have a defined height */
}

/* Slide 3 */

#slide-3 .bcg {
	background-color: #fff;
	min-height: 100px;
	background-image: none;
}

/* Slide 4 */

#slide-4 .bcg {
	background-color: #95d600;
	min-height: 100px;
	background-image: none;
	text-align: center;
}

#slide-4 p {
	color: #56565a;
	font-size: 20px;
	margin-bottom: 0.75em;
	line-height: 27px;
}

/* Slide 5 */

.white-bg {
	background-color: #fff;
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 0px;
}

.white-bg-but {
	background-color: #fff;
	padding-top: 0px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
}

.grey-bg {
	background-color: #565656;
}

#slide-5 .bcg {
	background-image: url(../images/tinted-bg-7579.jpg);
}

#slide-5 h1 {
	color: #fff;
}

/* Slide 6 */

#slide-6 .bcg {
	background-color: #fff;
	min-height: 410px;
	background-image: none;
}

/* Slide 7 */

#slide-7 .bcg {
	background-color: #565656;
	min-height: 410px;
	background-image: none;
	
}

/* Slide 8 */

#slide-8 .bcg {
	background-color: #fff;
	min-height: 410px;
	background-image: none;
	text-align: center;
}
	
#slide-7 h1 {
		color: #fff;
}

#slide-7 h2 {
		color: #fff;
}
	
#slide-7 h4 {
		color: #fff;
}
	
#slide-7 p {
		color: #fff;
}

/* Slide 8 */

#slide-8 .bcg {
	background-color: #fff;
	min-height: 410px;
	background-image: none;
	text-align: center;
}

/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
 	#slide-1 .hsContent h1 { font-size: 40px; line-height: 40px; }
 	#slide-5 p { min-height: 10px;}
}

/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  	#slide-1 .hsContent h1 { font-size: 25px; line-height: 25px; }
  	#slide-5 p { min-height: 10px;}
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  	#slide-1 .hsContent h1 { font-size: 35px; line-height: 35px; } 
  	#slide-5 p { min-height: 10px;}
}