html {
	height: 100%;
}

body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #434646 url('http://hoda-dh.broadsword-online.com/wp-content/uploads/2017/04/GradientBG.jpg') repeat-x;
	font-family: Arial,sans-serif;
	font-size: 1em;
}

div {
	margin: 0;
	padding: 0;
}

.hide {
	display: none;
}

#pageWrapper {
	margin: 0 auto;
	padding: 0.5em 0 0;
	width: 88%;
	max-width: 1024px;
}

#pageHeader, #pageContent, #pageFooter {
	position: relative;
	margin: 0 auto;
}

#pageHeader {
	padding-bottom: 20%;
}

#logo {
	position: absolute;
	top: 0;
	right: 68%;
	width: 16%;
	height: 80%;
}

#banner {
	position: absolute;
	top: 0;
	left: 28%;
	width: 60%;
	height: 100%;
}

#links {
	position: relative;
	padding-bottom: 8.36%;
	margin-bottom: 3%;
	margin-bottom: 3vm;
}

#iosDownload {
	position: absolute;
	top: 16%;
	right: 62%;
	width: 21%;
	height: 100%;
}

#androidDownload {
	position: absolute;
	top: 15%;
	right: 39%;
	width: 18%;
	height: 100%;
}

#facebookContainer {
	position: absolute;
	top: 15%;
	left: 66%;
	height: 75%;
	width: 6.27%;
}

#twitterContainer {
	position: absolute;
	top: 15%;
	left: 76%;
	height: 75%;
	width: 6.27%;
}

#iosDownload img, #androidDownload img, #facebookContainer img, #twitterContainer img {
	width: 100%;
}

#links img {
	border: none;
}

#trailer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 56.25%;
}

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

#pageFooter {
	font-size: x-small;
	font-size: 0.75vw;
	color: #FFF;
	text-align: center;
	padding: 2em 0 3em;
}