* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

#background-container,
#player {
	pointer-events: none;
	width: 100%;
	height: auto;
	position: absolute
}

@media only screen and (max-width:900px) {
	#videoBlock {
		display: none
	}

	#mobileImgBlock {
		display: block;
		height: auto;
		width: 100%;
		background-image: url(/assets/templates/quinaultbeachresort/img/mobilefront-640x780.jpg)
	}
}

@media only screen and (min-width:901px) {
	#videoBlock {
		display: block
	}

	#mobileImgBlock {
		display: none
	}
}

#background-container img {
	width: 100%
}

.hide {
	visibility: hidden
}

.show {
	display: block
}

#player {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0
}

#player iframe,
#player video {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}

#videoBlock {
	background-color: #000
}

.content-intro,
.overlay {
	position: relative;
	z-index: 0
}