body { background: black; color: white; font-family: "Courrier", monospace, sans-serif; text-transform: uppercase; text-align: center; padding: 40px; }
h1, h2, h3, h4, h5, li, a, p { text-align: center; }
h1 { line-height: 100%; font-size: 40px; margin-top: 20px; padding: 0; }
hr { height: 1px; color: #333; background: #333; font-size: 0; border: 0; margin: 60px 0; padding: 0; }
p { font-weight: 200; color: #DDD; line-height: 130%; }
p.details { text-transform: none; color: #AAA; }
a { color: #dbaf50; font-style: none; }
a:hover { color: #e04527; }

main { width: 100%; margin: 0 auto; }
h1 { margin-bottom: 40px; }
img#logo { width: 400px; }
ul { 
	list-style-type: none; 
	margin: 0;
	padding: 0;

	li {
		margin: 0 0 40px 0;
		padding: 0;
	}
}

ul#resources li { margin-bottom: 20px; }

@media only screen and (min-width: 600px) {
  body { padding: 100px; }
  h1 { font-size: 100px; margin-top: 40px; }
  main { width: 100%; max-width: 500px; }
}