/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%; background: #111;}
body { font: normal 62.5% "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; color: #666666; min-height: 100%; background: #111; }

h1, h2, h3, h4, h5, h6 { font-family: "proxima-nova", Helvetica, Arial, sans-serif;  font-size: 1.6em; color: #000000; font-weight: 100;}
p { font-size:1.4em; line-height:1.6em; margin:16px 0; }

.left { float:left; display:inline;}
.right { float: right; display: inline;}

.push { clear: both;}

a { text-decoration: none; font-weight: 300; }
a:link { color: #111;}
a:visited { color: #111;}
a:hover { color: #111; text-decoration: underline;}
a:active { color: #111;}

.footer a:link { color: #fff;}
.footer a:visited { color: #fff;}
.footer a:hover { color: #fff; text-decoration: underline;}
.footer a:active { color: #fff;}

.winner a:link { color: #fff;}
.winner a:visited { color: #fff;}
.winner a:hover { color: #fff; text-decoration: underline;}
.winner a:active { color: #fff;}


/* Title
--------------------------------------------------------------------------------------- */

.header_wrap{background: #111 url('bg-hero.jpg')  no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.header { width: 92.7%; max-width: 1080px; margin: 0 auto; padding: 5% 0 5% 0; position: relative; z-index: 2;}
h1 { width: 29.9074074074%; max-width: 323px; margin: 0 auto; margin-bottom: 7%; }
h1 img { width: 100%; max-width: 100%; height: auto; }

h2 { color: #fff; font-size: 11em; text-align: center; text-transform: uppercase; font-weight: 700; }
h2 span { color: #86d31f;}
h3 { color: #fff; font-size: 6em; text-align: center; margin: 7% 0%; text-transform: uppercase; letter-spacing: 4px;}

.header p { text-align: center; color: #86d31f; font-size: 2.4em; margin-top: 5%; font-style: italic;}

.content { overflow: hidden;  width: 70%; margin: 7% auto 0 auto;}
.image { float:left; display:inline; width: 40%;}
.image img { width: 100%; max-width: 100%; height: auto; border: 6px solid #fff;}

.buttons { overflow: hidden;  width: 70%; margin: 7% auto 0 auto;}
.buttons a { float:left; display:block; text-align: center; font-size: 1.4em; text-transform:  uppercase; padding: 24px 20px; text-indent: 2px; letter-spacing: 4px; border: 6px solid #fff; color: #fff; background: transparent; font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.buttons a:hover { background: #86d31f; border: 6px solid #86d31f; text-decoration: none; color: #fff;}
.buttons a.invert:hover { background: #fff; border: 6px solid #fff; text-decoration: none; color: #111;}
.buttons a.left { width: 47%; }
.buttons a.right { width: 47%; float: right;}

.buttons.center { margin-top: 50px;}
.buttons.center a { float: none; margin: 0 auto; width: 47%;}


.text { float:right; display:inline; width: 50%;}
h4 { color: #7c73a5; font-size: 4em; text-align: center; margin: 3% 0 5% 0%; }
h5 { color: #fff; font-size: 4em; text-align: center; line-height: 1em; margin: 10% 0% 11.5% 0; text-transform: uppercase; letter-spacing: 4px;}
h6 { color: #fff; font-size: 3em; text-align: center; margin: 5% 0%; border-bottom: 2px solid #343142; border-top: 2px solid #343142; padding: 10px 0; }
h6 span { color: #fff;  }


.tagboard_wrap { background: #fff; }
.tagboard_wrap.bottom { background: #222;}
.tagboard { width: 92.7%; max-width: 1080px; margin: 0 auto; padding: 5% 0 5% 0; }
.tagboard h3 { margin-top: 0; color: #111;}

.sponsored { width: 92.7%; max-width: 1080px; margin: 0 auto; padding: 5% 0 0 0; }
.sponsored h3 { margin-top: 0; color: #fff; margin-bottom: 4%;}

.register_wrap { background: #86d31f; }
.register_wrap.no_win { background: #222; }
.register { width: 92.7%; max-width: 1080px; margin: 0 auto; padding: 5% 0; }
.register h3 { margin-top: 0; color: #fff; margin-bottom: 4%;}
.register p { color: #111; text-align: center; font-size: 2.4em; line-height: 1.2em; font-style: italic;}

.no_win .register p { color: #fff; }

.logos { overflow: hidden; width: 70%; margin: 0 auto;}
a.left { display: block; width: 36%;}
a.right { display: block; width: 50%;}
.logos img { width: 100%; max-width: 100%; height: auto;}

.footer-wrap { background: #222;}
.footer { width: 92.7%; max-width: 1080px; margin: 0 auto; padding: 4% 0 5% 0; }
p.copyright { color: #555; text-align: center; font-size: 1.3em; font-style: italic;}


.winner { overflow: hidden;  width: 60%; margin: 7% auto 0 auto; background: #fff; padding: 5.5% 5% 5% 5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.winner .thumb { width: 25%; float:left; display:inline;}
.winner .thumb img { width: 100%; max-width: 100%; height: auto;}

.winner .info { float: right; display: inline; width: 70%;}
.winner .info h5 { margin: 0 0 6px 0; color: #000; text-align: left; line-height: .85em;}
.winner .info h6 { margin: 0; border: 0; padding: 0; text-align: left; font-size: 2.4em; }
.winner p { text-align: left; line-height: 1.3em; margin: 12px 0 0 0; font-size: 1.7em; color: #888;}

.register h3 { margin-bottom: 4%; color: #fff;}

.poster { width: 100%; margin: 80px auto 0 auto; max-width: 400px;}
.poster img { width: 100%; max-width: 100%; height: auto; border: 1px solid #333;}

.register p.small { font-size: 1.6em; margin-top: 70px; color: #999;}
.register p.small a { background: none; color: #fff;}

.footer h3 { margin-top: 0;}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) { 
	
	.header h1 {
		background:url(../images/image@2x.png) 0 0 no-repeat !important;
		-moz-background-size: 152px 31px !important;
		-o-background-size: 152px 31px !important;
		-webkit-background-size: 152px 31px !important;
		background-size: 152px 31px !important;
	}

}

@media only screen 
and (max-width : 1215px) {

h1 { width: 33%; margin-bottom: 7%; }
h2 { color: #fff; font-size: 9em; text-align: center; }
.content { width: 86%; margin: 7% auto 0 auto;}
.logos { width: 86%; }

}

@media only screen 
and (max-width : 890px) {

h1 { width: 33%; margin-bottom: 7%; }
h2 { color: #fff; font-size: 6em; text-align: center; }
.content { width: 90%; margin: 7% auto 0 auto;}
.logos { width: 90%; }

h4 { font-size: 3em; margin: 3% 0 5% 0%; }
h5 { font-size: 3em; margin: 10% 0% 11.5% 0;  letter-spacing: 4px;}
h6 { font-size: 2.2em; margin: 5% 0%; padding: 10px 0; }

.header p { text-align: center; font-size: 1.6em; margin-top: 8%; font-style: italic;}

.buttons a { font-size: 2em;}
.buttons a.left { width: 48%; }
.buttons a.right { width: 48%;}

.winner { width: 77%; }
.winner p { text-align: left; color: #888; margin-top: 7px; }


}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

h1 { width: 33%; margin-bottom: 7%; }
h2 { color: #fff; font-size: 6em; text-align: center; }
.content { width: 90%; margin: 7% auto 0 auto;}
.logos { width: 90%; }

h4 { font-size: 3em; margin: 3% 0 5% 0%; }
h5 { font-size: 3em; margin: 10% 0% 11.5% 0;  letter-spacing: 4px;}
h6 { font-size: 2.2em; margin: 5% 0%; padding: 10px 0; }

.header p { text-align: center; font-size: 1.6em; margin-top: 8%; font-style: italic;}

.buttons a { font-size: 2em;}
.buttons a.left { width: 48%; }
.buttons a.right { width: 48%;}

.register p { font-size: 1.4em; }

.winner { width: 77%; }
.winner p { text-align: left; color: #888; margin-top: 7px; }


}

@media only screen 
and (max-width : 480px) {

h1 { width: 80%; margin-bottom: 7%; margin-top: 7%; }
h2 { color: #fff; font-size: 5em; line-height: 1em; text-align: center; margin: 10% 0; }
.content { width: 95%; margin: 7% auto 0 auto;}
.logos { width: 90%; }

h3 { font-size: 2.5em; margin: 10% 0% 12% 0;  letter-spacing: 4px;}

.image { float:none; display:block; width: 90%; margin: 0 auto; border: 6px solid #fff; margin-bottom: 10%;}
.image img { border: 0;}
.text { float:none; display:block; width: 90%; margin: 0 auto; }

h4 { font-size: 3em; margin: 3% 0 5% 0%; }
h5 { font-size: 3em; margin: 10% 0% 11.5% 0;  letter-spacing: 4px;}
h6 { font-size: 2.2em; margin: 5% 0%; padding: 10px 0; }

.header p { text-align: center; font-size: 1.6em; margin-top: 8%; font-style: italic;}

a.left { display: block; width: 90%; float: none; margin: 4% auto;}
a.right { display: block; width: 90%; float: none; margin: 4% auto;}

.buttons { overflow: hidden;  width: 90%; margin: 7% auto 0 auto;}
.buttons a { font-size: 2em;}
.buttons a.left { width: 100%; }
.buttons a.right { width: 100%;}

.buttons.center { margin-top: 0;}
.buttons.center a { width: 100%;}

.register p { font-size: 1.4em; line-height: 1.6em; }

.winner { width: 80%; margin: 5% auto 4% auto; }
.winner .thumb { width: 100%; float:none; display:block;}
.winner .thumb img { width: 100%; max-width: 100%; height: auto;}

.winner .info { float: none; display:block; width: 100%; margin-top: 24px;}
.winner .info h5 { margin: 0 0 6px 0; color: #000; text-align: center; line-height: .85em;}
.winner .info h6 { margin: 0; border: 0; padding: 0; text-align: center; font-size: 2.4em; }
.winner p { text-align: center; line-height: 1.3em; margin: 12px 0 0 0; font-size: 1.7em; color: #888;}

.poster { margin-top: 7%;}
.register p.small { font-size: 1.2em; margin-top: 7%;}


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

h1 { width: 80%; margin-bottom: 7%; margin-top: 7%; }
h2 { color: #fff; font-size: 4.5em; line-height: 1em; text-align: center; margin: 10% 0; }
.content { width: 95%; margin: 7% auto 0 auto;}
.logos { width: 90%; }

h3 { font-size: 2.5em; margin: 10% 0% 12% 0;  letter-spacing: 4px;}

.image { float:none; display:block; width: 90%; margin: 0 auto; border: 6px solid #fff; margin-bottom: 10%;}
.image img { border: 0;}
.text { float:none; display:block; width: 90%; margin: 0 auto; }

h4 { font-size: 3em; margin: 3% 0 5% 0%; }
h5 { font-size: 3em; margin: 10% 0% 11.5% 0;  letter-spacing: 4px;}
h6 { font-size: 2.2em; margin: 5% 0%; padding: 10px 0; }

.header p { text-align: center; font-size: 1.6em; margin-top: 8%; font-style: italic;}

a.left { display: block; width: 90%; float: none; margin: 4% auto;}
a.right { display: block; width: 90%; float: none; margin: 4% auto;}

.buttons { overflow: hidden;  width: 90%; margin: 7% auto 0 auto;}
.buttons a { font-size: 2em;}
.buttons a.left { width: 100%; }
.buttons a.right { width: 100%;}

.buttons.center { margin-top: 0;}
.buttons.center a { width: 100%;}

.register p { font-size: 1.4em; line-height: 1.6em; }

.winner { width: 80%; margin: 5% auto 4% auto; }
.winner .thumb { width: 100%; float:none; display:block;}
.winner .thumb img { width: 100%; max-width: 100%; height: auto;}

.winner .info { float: none; display:block; width: 100%; margin-top: 24px;}
.winner .info h5 { margin: 0 0 6px 0; color: #000; text-align: center; line-height: .85em;}
.winner .info h6 { margin: 0; border: 0; padding: 0; text-align: center; font-size: 2.4em; }
.winner p { text-align: center; line-height: 1.3em; margin: 12px 0 0 0; font-size: 1.7em; color: #888;}

.poster { margin-top: 7%;}
.register p.small { font-size: 1.2em; margin-top: 7%;}

}