body { background: #000; font-family: 'Open Sans', sans-serif; color: #fff; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; }

#header { text-align: center; position: absolute; top: 50%; left: 50%; margin: -210px 0 0 -300px; width: 600px; height: 200px; }
#header h1 { background: url('../img/logo.png') no-repeat center center #00C16B; height: 60px; width: 330px; text-indent: -9999px; margin: 0 auto 10px; }
#header h2 { font-size: 45px; background: #00C16B; font-weight: 300; line-height: 60px; width: 180px; margin: 0 auto 10px; }
#header h3 { font-size: 24px; background: #00C16B; font-weight: 300; line-height: 60px; width: 418px; margin: 0 auto 10px; }
#header h3.month { width: 200px;}

.button { font-size: 18px; color: #fff; font-weight: 300; width: 32px; text-transform: uppercase; padding: 0 55px; border-radius: 5px; background: #009BDD; height: 48px; line-height: 48px; display: inline-block; margin: 0 auto; float: left; margin-right: 10px; }
.button:hover { opacity: .9;}
.button.ticket { width: 142px; text-transform: none; padding: 0;}
p, .sponsor_link { font-size: 16px; background: #00C16B; font-weight: 300; line-height: 40px;  margin: 0 auto; margin-bottom: 10px; }

.wrap_buttons { width: 304px; background: none; margin-top: 40px; margin-left: 152px; }

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }	

@media only screen and (min-width: 320px) and (max-width: 599px) {
	#header { margin: -170px 0 0 -150px; width: 300px; height: 200px; }
	#header h1 { background: url('../img/logo_small.png') no-repeat center center #00C16B; height: 40px; width: 230px; text-indent: -9999px; margin: 0 auto 5px; }
	#header h2 { font-size: 35px; background: #00C16B; font-weight: 300; line-height: 40px; width: 140px; margin: 0 auto 10px; }
	#header h3 { font-size: 16px; background: #00C16B; font-weight: 300; line-height: 40px; width: 300px; margin: 0 auto 10px; }
	#header h3.month { width: 200px;}
	.sponsor { width: 280px; line-height: 24px; padding: 8px 0;}
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }