html {
	height: 100%;
  	overflow: hidden;
	background: url(/images/wc-pkg-wood-bkgd.jpg) no-repeat center center fixed; 
	background-size: cover;
	-webkit-box-shadow: inset 0 180px 180px -180px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 180px 180px -180px rgba(0,0,0,0.8);
	box-shadow: inset 0 180px 180px -180px rgba(0,0,0,0.8);
}

body {
	margin: 0 !important;
}

body:after {
	content: "";
	display: table;
	clear: both;
}

img {
	width: 100%;
}

a {
	text-decoration: none;
}

#PageWrapper {
	position: relative;
	width: 100%;
	float: left;
}

header#Desktop {
	width: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

#HeaderBg {
	position: relative;
	top: 0;
	left: 0;
	height: 89px;
	mix-blend-mode: multiply;
}

#KeyportLogo {
	max-width: 550px;
	position: absolute;
	top: 20px;
	left: 30px;
}

a#KeyportLink {
	width: 525px;
	height: 39px;
}

#ContactInfo2 {
	max-width: 160px;
	/*height: 44px;*/
	position: absolute;
	top: 25px;
	right: 30px;
}

a#ContactLink {
	width: 160px;
	height: 35px;
}

header#Mobile {
	width: calc(100% - 75px);
	height: 67px;
	float: left;
	display: none;
	align-items: center;
	justify-content: space-between;
	background: url(../images/keyport-header-band-40.png) bottom center no-repeat;
	background-size: cover; 
	position: absolute;
	top: 0;
	padding: 0 35px 0 40px;
}

#Logo1Mobile {
	float: left;
	text-align: left;
}

#Logo1Mobile a {
	display: block;
}

#Logo1Mobile img {
	max-width: 180px;
}

#ContactInfo,
#ContactInfoMobile {
	float: right;
	text-align: right;
	color: #687d92;
	text-transform: uppercase;
}

#ContactInfo a,
#ContactInfoMobile a {
	display: block;
	width: 100%;
	max-width: 376px;
}

#ContactInfoMobile img {
	max-width: 120px;
}

#WildLogoDesktop {
	width: 100%;
	margin: 0 auto;
	float: left;
	text-align: center;
}

#WildLogoDesktop a {
	width: 454px;
	height: 300px;
}

#WildLogoDesktop img {
	max-width: 454px;
}

#WildLogoMobile {
	width: 100%;
	margin: 0 auto;
	float: left;
	text-align: center;
	display: none;
}

#WildLogoMobile a {
	width: 350px;
	height: 254px;
}

#WildLogoMobile img {
	max-width: 350px;
}

#TextDesktop {
	width: 100%;
	float: left;
	margin: 0 auto;
	text-align: center;
}

#TextDesktop img {
	max-width: 750px;
}

#TextMobile {
	width: 80%;
	float: left;
	margin: 0 auto;
	text-align: center;
	display: none;
	padding: 0 10%;
}

#TextMobile img {
	max-width: 575px;
}

@media screen and (min-width: 1920px) and (min-height: 1500px) {
	#TextDesktop {
		padding-top: 10%;
	}
}

@media screen and (min-width: 1920px) and (min-height: 1000px) {
	#TextDesktop {
		padding-top: 4%;
	}
}

@media screen and (max-width: 1440px) {
	#HeaderBg {
		height: 74px;
	}

	#KeyportLogo {
	    max-width: 475px;
	}

	#WildLogoDesktop img {
		max-width: 400px;
	}

	#ContactInfo2 {
		max-width: 140px;
		top: 22px;
	}

	#TextDesktop img {
		max-width: 650px;
	}
}

@media screen and (max-width: 1366px) {
	#HeaderBg {
		height: 64px;
	}

	#KeyportLogo {
	    max-width: 400px;
	    top: 15px;
	}

	#WildLogoDesktop img {
		max-width: 350px;
	}

	#ContactInfo2 {
		max-width: 120px;
	}

	#TextDesktop img {
		max-width: 550px;
	}
}

@media screen and (max-width: 1280px) {
	#WildLogoDesktop img {
		max-width: 325px;
	}

	#ContactInfo2 {
		top: 18px;
	}

	#TextDesktop img {
		max-width: 475px;
	}
}

@media screen and (max-width: 1024px) {
	html {
		background: url(/images/mobile-bg-new-2b.jpg) no-repeat center center fixed; 
		background-size: cover;
	}

	header#Desktop,
	#WildLogoDesktop,
	#TextDesktop {
		display: none;
	}

	header#Mobile {
		display: flex;
	}

	#WildLogoMobile,
	#TextMobile {
		display: block;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1024px) and (max-height: 768px) {
	html {
		background: url(/images/wc-pkg-wood-bkgd.jpg) no-repeat center center fixed; 
		background-size: cover;
	}

	#WildLogoDesktop {
		display: block;
	}

	#WildLogoDesktop img {
		max-width: 350px;
	}

	#WildLogoMobile {
		display: none;
	}

	#TextMobile img {
		max-width: 400px;
	}
}

@media screen and (max-width: 768px) {
	html {
		/*background: url(/images/mobile-bg4b.jpg) no-repeat center center fixed;*/
		background: url(/images/mobile-bg-new-5.jpg) no-repeat center center fixed;
		background-size: cover; 
	}

	header#Mobile {
		height: 70px;
	}

	#Logo1Mobile img {
		max-width: 40%;
	}

	#WildLogoMobile img {
		max-width: 300px;
	}

	#ContactInfoMobile img {
		max-width: 120px;
	}

	#TextMobile img {
		max-width: 400px;
	}
}

@media screen and (max-width: 768px) and (min-width: 768px) and (max-height: 1024px) and (min-height: 1024px) {
	html {
		/*background: url(/images/mobile-bg4b.jpg) no-repeat center center fixed;*/
		background: url(/images/ipad-bg-new-2b.jpg) no-repeat center center fixed;
		background-size: cover; 
	}
}

@media screen and (max-width: 599px) {
	header#Mobile {
		width: calc(100% - 30px);
		height: 45px;
		padding: 0 15px;
	}

	#Logo1Mobile img {
		max-width: 30%;
	}

	#WildLogoMobile img {
		max-width: 250px;
	}

	#ContactInfoMobile img {
		max-width: 90px;
	}

	#TextMobile img {
		max-width: 350px;
	}
}

@media screen and (max-width: 414px) {
	#TextMobile img {
		max-width: 300px;
	}
}

@media screen and (max-width: 399px) {
	header#Mobile {
		height: 40px;
	}

	#Logo1Mobile img {
		max-width: 30%;
	}

	#WildLogoMobile img {
		max-width: 200px;
	}
}

@media screen and (max-width: 360px) {
	#WildLogoMobile img {
		max-width: 175px;
	}
}