.header
{

	max-width: 400px;
	width: 100%;
	border-radius: 2em;
	border: 1px solid #ffcc00;

}

body
{

	background: #000000;
	color: #ffcc00;
	font-family: helvetica,arial,sans-serif;
	text-align: center;
	
}

h1
{

	margin: 1em auto 0;
	font-size: 4em;
	text-shadow: 5px 5px 1px #444;

}

h4
{

	font-style: oblique;
	margin: 0em auto 1em;
	font-size: 1.25em;
	text-shadow: 3px 3px 1px #444;

}


h5
{

	margin: 1em auto 1em;
	font-size: .75em;
	text-shadow: 3px 3px 1px #444;

}

img
{

	width: 100%;
	margin: 0 auto 0em;

}

.audio
{

}

audio
{

	width: 100%;
	display: block;

}

ul
{

	max-width: 750px;
	width: 100%;
	margin: auto;
	padding: 0;

}

li
{

	text-align: left;
	list-style: none;
	margin: 0 auto 3em;
	padding: 0 ;
	clear: both;

}

a
{

	color: #ffcc00;

}

.download
{

	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	color: #444444;
	float: right;
	margin: 5px 5px 0 0;

}

.download a
{

	color: #000000;
	background: #444444;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 1em;
	margin: 20px 0 0 0;

}

.download a:hover
{

	color: #000000;
	background: #ffcc00;

}


.footer
{

	margin: 3em 0 5em 0;
	color: #444444;
	font-size: .75em;

}

ul.extras
{

	margin: 0 0 0 2em;

}

ul.extras li
{
	margin: 0 0 1em 0;
	list-style: disc;
	line-height: 1.5em;

}
ul.extras li ol li
{

	list-style: decimal;
}

ul.extras li img
{

	width: 90%;
	margin: 1em 0 0;

}


@media screen and (min-width: 0em) 
{

	h1
	{

		font-size: 2em;
		text-shadow: 3px 3px 1px #444;

	}


}

@media screen and (min-width: 420px) 
{

	h1
	{

		font-size: 3em;

	}


}

@media screen and (min-width: 700px) 
{

	h1
	{

		font-size: 4em;
		text-shadow: 5px 5px 1px #444;

	}


}