/*Desktop, arbitrary positioning, relative from right as words on right*/
.h-bg-img-top-home {
	top: -120px;
	right: -200px;
}
/*
For screen widths wider than image width (1883px) (and offset [400px for max-width 1199px breakpoint]), do not offset position, otherwise image won't cover the entire screen
 */
@media screen and (min-width: 1483px) {
.h-bg-img-top-home {
	right: 0;
}
}
@media screen and (max-width: 1199px) {
.h-bg-img-top-home {
	right: -400px; /*Arbitrary positioning to place wind vane*/
}
}
@media screen and (max-width: 994px) {
.h-bg-img-top-home {
	right: -400px; /*Arbitrary positioning to place wind vane*/
}
.front .parallax-slider {
	left: 0 !important; /*Override parallax positioning to align wind vane image with respect from left*/
}
}
@media screen and (max-width: 767px) {
.JS .h-bg-img-top-home {
	height: 80%; /*Image too large, reduce size to show more of wind vane*/
	top: 0; /* mockup for desktop and mobile different, mobile has more sky, hence top 0 to show more sky */
	left: 0; /* Words on left now, align from left, leave more space between words and wind vane */
}
}
@media screen and (max-width: 579px) {
.JS .h-bg-img-top-home {
	height: 65%; /*Image still too large, reduce size show wind vane looks right*/
}
}
@media screen and (max-width: 399px) {
.JS .h-bg-img-top-home {
	height: 65%; /*Keeping this for fine tune, can remove if same as other breakpoint*/
	left: auto; /*Don't use left to position relative from screen*/
	right: 50%; /*position wind vane more in the center*/
	transform: translateX(63%); /*position wind vane more in the center*/
}
}
.h-splash-home-content-inner {
	position: absolute;
	top: 100px;
	/*right: 0;*/
	max-width: 400px;
}
.h-splash-home-content-title {
	font-size: 200%;
	line-height: 130%;
	font-family: "HelveticaNeueETW01-75Bd", Helvetica, Arial, sans-serif;
	margin-bottom: 0.75em;
}
@media screen and (max-width: 994px) {
.JS .h-splash-home-content-inner {
	position: relative;
	padding-left: 30px;
	top: 30px;
}
.JS .h-splash-home-content-title {
	font-size: 180%;
}
}
@media screen and (max-width: 579px) {
.JS .h-splash-home-content-title {
	font-size: 123%;
	max-width: 250px;
}
}
.h-splash-home-content-text {
	font-size: 0.95em;
	margin-bottom: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
.h-section-readMore-basic-top,  .h-section-readMore-basic-top:hover,  a.h-section-readMore-basic-top,  a.h-section-readMore-basic-top:hover {
	font-size: 0.95em;
}
 @media screen and (max-width: 579px) {
.JS a.h-section-readMore-home {
	font-size: 75%;
}
}
 @media screen and (max-width: 399px) {
.JS a.h-section-readMore-home {
	font-size: 80%;
}
}