#heroImage {
	height:100vh;
	position:relative;
	z-index:1;
}
#heroImage .cover {
	position:absolute;
	display:block;
	z-index:2;
	background:rgba(0,0,0,0.75);
	overflow:hidden;
	line-height:normal;
}
#heroImage .fullImage,
#heroImage .smallImage {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}
#heroImage .content {
	text-align:center;
	position:absolute;
	top:50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0;
	right:0;
	padding:0 20px;
}
#heroImage .title {
	color:#9c9591;
	font-size:22px;
	font-family: "myriad-pro-condensed", "Myriad Pro", Trebuchet MS, Arial, Sans-Serif, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}
#heroImage .split {
	display:block;
	margin:35px auto 20px;
	width:57px;
	height:2px;
	background:#6b6b6b;
}
#heroImage .text {
	color:#fff;
	font-family: "myriad-pro-condensed", "Myriad Pro", Trebuchet MS, Arial, Sans-Serif, sans-serif;
}
#heroImage .iconButton {
	display: inline-block;
	background:rgba(255, 255, 255, 0.15);
	padding:7px;
	border-radius:4px;
	margin:50px 0 0;
}
#heroImage .iconButton a {
	font-size: 17px;
	color: #fff;
	border-radius: 4px;
	background: #c8543c;
	background: -moz-linear-gradient(top,  #d17a61 3%, #cd5c42 9%, #c34c36 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#d17a61), color-stop(9%,#cd5c42), color-stop(100%,#c34c36));
	background: -webkit-linear-gradient(top,  #d17a61 3%,#cd5c42 9%,#c34c36 100%);
	background: -o-linear-gradient(top,  #d17a61 3%,#cd5c42 9%,#c34c36 100%);
	background: -ms-linear-gradient(top,  #d17a61 3%,#cd5c42 9%,#c34c36 100%);
	background: linear-gradient(to bottom,  #d17a61 3%,#cd5c42 9%,#c34c36 100%); 
	border: 1px solid #b44b2f;
	border-bottom: none;
	display: inline-block;
	padding: 13px 30px;
	text-decoration: none;
	font-weight: normal;
	letter-spacing:0.1em;
}
#heroImage .iconButton a img {
	vertical-align: middle;
	margin: 0 4px 2px 0;
}
@media only screen and (min-height: 570px) and (orientation: portrait), only screen and (min-width : 570px) {
	#heroImage {
		margin:-115px 0 -80px 0;
		min-height:550px;
	}
	#heroImage .fullImage {
		display:block;
		position:absolute;
		z-index:1;
	}
	#heroImage .fullImage,
	#heroImage .cover {
		top:115px;
		left:0;
		right:0;
		bottom:80px;
	}
	#heroImage .text > span {
		display:block;
		font-size:60px;
	}
}
@media only screen and (max-height: 569px) and (orientation: landscape), only screen and (max-width : 569px) {
	#heroImage {
		margin:-87px 0 0;
		min-height:485px;
	}
	#heroImage .smallImage {
		display:block;
		position:absolute;
		z-index:1;
	}
	#heroImage .smallImage,
	#heroImage .cover {
		top:87px;
		left:0;
		right:0;
		bottom:0;
	}
	#heroImage .text > span {
		display:block;
		font-size:40px;
	}
}