body {	
	font-family: 'Arial', sans-serif;
	background: #000;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	color: #fff;
}
#container {
	width: 100%;
	margin: 0 auto;
	float: left;
}
header {
	width: 100%;	
	margin: 0;
	display: block;
	background: #1e0a12;
}
h1 {
	text-transform: uppercase;
	font-size: 2.4em;
	display: block;
	line-height: 1%;
}
h1 a {
	text-decoration: none;
	color: #000;
}
h2 {
	font-size: 2em;
	margin: 0 0.25em;
	color: #91f837;
}
h2 a {
	text-decoration: none;
	color: #ffde00;
}
h3 {
	font-size: 2em;
	padding: 0 1.5em 0 1.5em;
	color: #fff;	
}
h4 {
	margin: 1.5em;	
	color: #8ff83b;	
}
p {
	margin: 0 auto;
	padding: 0.25em 1.5em 0.25em 1.5em;
	font-size: 0.9em;	
}
a {
	color: #a85fff;
	text-decoration: none;
}
a:hover {
	color: #8ff83b;
}
ul {
	margin: 0 2em 1em 2em;
}
ul li {
	display: inline;
}
ul li a {
	list-style-type: none;
	padding: 0 1em;
}
footer {
	width: 100%;
	margin: 0 auto;
	padding: 0.5em auto;
	background-color: #3b3b3b;
	color: #eeeeee;
	}
footer p {
	padding: 0.5em;
}
footer.clear {
	clear:both;
}
footer a {
	color: #a85fff;
}
img {
	max-width: 100%;
}
.content {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.graphicBtn {
	width: 100%;	
	margin: 0 auto;
	display: block;
	background: #c60959;	
}
.graphics {
	max-width: 100%;
}
.promo-burst {
	max-width: 27%;
	float: left;
	margin-top: 8em;
	position:absolute;
	z-index:1;
}
.promo-89 {
	max-width: 50%;	
	float: left;
	margin-top: -2em;
	margin-left: 16em;
	position:absolute;
	z-index:2;
}
.pics {
	max-width: 28%;
	border-radius: 4px;
	border: 3px solid #000;
	display: inline-block;
	margin: 0.25em;
	line-height: 0;	 
}
#legal {
	margin: 2em;
}
@media screen and (min-width: 481px) and (max-width: 568px) {
h4 {
	margin: 2em;
	margin: 0.25em auto 0 auto;	
	}	
	.promo-burst {
	max-width: 28%;
	float: left;
	margin-top: 10em;
	position:absolute;
	z-index:1;
	}
	.promo-89 {
	max-width: 45%;		
	margin-top: -2em;
	margin-left: 23em;
	}
}