/* Gretzky.com CSS Document */

/*

Colors: light / dark

Lights: f3f4f4 / dbdee3
Darks:  7a7d81 / 41454b
Blues:  2761b1 / 1b447c
Reds:   c73408 / 8b2406
Yellow: fdfbe5

*/

/* Reset */

html { -webkit-text-size-adjust: none; text-size-adjust: none; }
*, *:before, *:after { padding: 0; margin: 0; box-sizing: border-box; }
img { border: none; }
fieldset { border: none; }
.clearfix:after { content: ''; display: block; clear: both; width: 0; height: 0; }


/* Global */

html, body { height: 100%; }

body {
	color: #41454b;
	font: 100%/1.375em 'Exo 2', sans-serif;
	background: #222 url(../images/carbon-bg.png) repeat fixed; }

.page-wrap { height: 100%; }

h1 { margin-bottom: 0.6875em; font: normal 2em/1em 'tertre', sans-serif; text-transform: uppercase; letter-spacing: 0.03em; }
h2 { margin-bottom: 0.917em; color: #2761b1; font: bold 1.5em/1em 'Exo 2', sans-serif; text-transform: uppercase; }
h3 { margin-bottom: 1.100em; font: bold 1.25em/1em 'Exo 2', sans-serif; }
h4 { margin-bottom: 1.375em; color: #2761b1; font: bold 1em/1.375em 'Exo 2', sans-serif; text-transform: uppercase; }
h5 { margin-bottom: 1.375em; color: #2761b1; font: bold 1em/1.375em 'Exo 2', sans-serif; }
h6 { font: bold 0.875em/1.572em 'Exo 2', sans-serif; text-transform: uppercase; }

p, ul, ol, dl, span.label { display: block; margin: 0 0 1.375em; }
li { margin: 0 1.75em 0.5em 1.75em; }
hr {
	clear: both; display: block; margin: 0 0 1.75em; height: 1px;
	background: #dbdee3; border: none; }

a { color: #2761b1; }
a:hover { color: #c73408; }
a[href^="mailto"] span:before { content: '@'; display: inline-block; text-decoration: underline; }

table {
	border-collapse: collapse;
	width: 100%; margin-bottom: 3.143em;
	font-size: 87.5%;
	background: #fff;
	box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15); }
th, td { padding: 0.75em; line-height: 1em; }
th { color: #fff; font-weight: bold; background: #2761b1; box-shadow: inset 0 1.25em rgba(255,255,255,0.05); }
tbody tr:nth-child(even) { background: #f3f4f4; }
tfoot { font-weight: bold; background: #dbdee3; }
tfoot td { border-top: 2px solid; box-shadow: inset 0 1.25em rgba(255,255,255,0.25); }

section {
	position: relative; z-index: 100;
	padding: 5%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; }
section:nth-of-type(2n+3) { background-color: #f3f4f4; }
section:last-of-type { border-bottom: 5px solid #2761b1; }
section.breadcrumb { padding: 1em 5%; }
section > *:not(.tout) { max-width: 810px; margin-left: auto; margin-right: auto; }
section.timeline > * { max-width: none; }
section > *:last-child { margin-bottom: 0; }

blockquote.pull {
	position: relative;
	padding: 1.1em 3em 1.1em 1.1em; margin: 0 0 1.1em;
	font-size: 1.25em; line-height: 1.1em; font-weight: bold;
	background: #f3f4f4; }
blockquote.pull:after {
	content: '”'; position: absolute; top: 0.45em; right: 0.1em;
	color: #2761b1; font-size: 4em; font-family: Arial, Helvetica, sans-serif; }
blockquote.pull footer { font-size: 0.8em; margin-top: 1.375em; font-weight: normal; }
blockquote.pull footer:before { content: '– '; }
blockquote.pull footer strong { font-style: italic; }

img.full,
img.inline { display: block; width: 100%; margin-bottom: 1.375em; }

.hero {
	display: table; width: 100%;
	color: #fff; text-align: center;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	background-color: #222;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	background-size: cover; }
.hero .content { display: table-cell; vertical-align: middle; padding: 8em 0 1em; }
.hero h1 { margin: 0; color: #fff; }

.breadcrumb ul { margin: 0; font-size: 75%; }
.breadcrumb li { display: inline; margin: 0; }
.breadcrumb li:not(:last-child):after { content: '>'; margin: 0 0.25em 0 0.5em; font-family: "Courier New", Courier, monospace; }
.breadcrumb a { text-decoration: none; }

.content:not(.tout) { margin: 0 auto; }
section:not(.hero) .content {
	width: 100%; max-width: 810px; padding: 5%; margin-bottom: 1.5em;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15); }
section:not(.hero) .content:last-child { margin-bottom: 0; }
.content > *:last-child { margin-bottom: 0; }

.callout { text-align: center; }

.note {
	display: block; margin-top: 0.556em;
	color: #7a7d81; font-size: 75%; line-height: 1em; }

.centered { text-align: center; }

.cards { list-style: none; text-align: center; }
.cards li {
	display: inline-block; width: 250px; height: 350px;
	padding: 1em; margin: 0.5em;
	text-align: left;
	background: #222; border: 10px solid #fff;
	box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15); }


/* Forms */

form {
	position: relative;
	padding: 1.375em; margin: 1.375em 0;
	background: #f3f4f4; box-shadow: 0 1px 5px rgba(0,0,0,0.25); }
form :last-child { margin-bottom: 0; }

label { display: block; margin-bottom: 0.375em; }

input[type="email"] {
	display: block;
	width: 100%;
	padding: 0.375em; margin-bottom: 0.375em;
	font: 100%/1.375em 'Exo 2', sans-serif;
	background: #fff; border: 2px solid #2761b1; border-radius: 3px; }
input[type="email"]:focus {
	background: #fdfbe5;
	outline: none; }

.loading .button, .loading .button:hover,
.loading button[disabled]:hover { color: #7a7d81; }
.loading .button:before {
	content: 'Loading';
	position: absolute;
	left: 0.6em;
	color: rgba(255,255,255,0.8); }
.loading .button:after {
	content: '';
	position: absolute;
	top: 50%; right: 0.6em;
	display: inline-block;
	width: 19px; height: 19px;
	margin-top: -0.55em;
	color: #aaa;
	border: 2px solid; border-top-color: #fff;
	border-radius: 50%;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear; }

input[type="email"].error { border-color: #c73408; }
.error-text {
	display: none; margin-top: 0.556em;
	color: #c73408; font-size: 90%; line-height: 1em; }
.error ~ .error-text { display: block; }

form .note { margin-top: 1em; }


/* Buttons */

.button {
	position: relative; top: -4px;
	display: inline-block;
	width: 100%;
	padding: 0.375em 1em;
	margin: 4px 0 0.375em;
	color: #fff; font: 100%/1.375em 'Exo 2', sans-serif;
	text-transform: uppercase; text-decoration: none; text-align: center;
	background: #2761b1; box-shadow: 0 4px #1b447c;
	border: 2px solid #2761b1; border-radius: 3px;
	cursor: pointer; }
.button.sub {
	background: #7a7d81; box-shadow: 0 4px #41454b;
	border: 2px solid #7a7d81; }
.button:hover, .button:focus,
.button.sub:hover, .button.sub:focus {
	color: #fff;
	background: #c73408; border-color: #c73408;
	box-shadow: 0 4px 0 #8b2406;
	outline: none; }
.button:active, .button.sub:active {
	top: 0;
	box-shadow: none; }
.button:active:before, .button.sub:active:before {
	content: '';
	position: absolute; bottom: 100%; left: 0;
	display: block; width: 100%; height: 8px; background: transparent; }
.disabled, .disabled:hover, .disabled:active,
button[disabled], button[disabled]:hover, button[disabled]:active,
.button[disabled], .button[disabled]:hover, .button[disabled]:active {
	top: -4px;
	color: rgba(255,255,255,0.3);
	border-color: #7a7d81; background: #7a7d81;
	box-shadow: 0 4px 0 #41454b;
	cursor: not-allowed; }


/* Header */

.main-header {
	position: absolute; z-index: 10000;
	width: 100%; height: 330px;
	background: #000 url(../images/header-bg.jpg) no-repeat center bottom; background-size: cover;
	border-bottom: 5px solid #41454b; box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15);
	cursor: pointer;
	transition: box-shadow 150ms cubic-bezier(.11,.63,.33,1.28), height 300ms cubic-bezier(.11,.63,.33,1.28); }
.main-header a { text-decoration: none; }
.main-header .logo {
	text-indent: -9999px;
	position: absolute; z-index: 10; top: 10px; left: 50%;
	display: block; width: 187px; height: 214px; margin-left: -94px;
	background: url(../images/header-logo.png) no-repeat center;
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	transform: scale(0.55);
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	transform-origin: center top;
	-webkit-transition: box-shadow 150ms cubic-bezier(.11,.63,.33,1.28), -webkit-transform 300ms cubic-bezier(.11,.63,.33,1.28);
	-moz-transition: box-shadow 150ms cubic-bezier(.11,.63,.33,1.28), -moz-transform 300ms cubic-bezier(.11,.63,.33,1.28);
	transition: box-shadow 150ms cubic-bezier(.11,.63,.33,1.28), transform 300ms cubic-bezier(.11,.63,.33,1.28); }
.main-header nav {
	position: absolute; bottom: 0; width: 100%;
	text-align: center; background: #41454b;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition: bottom 300ms cubic-bezier(.11,.63,.33,1.28), -webkit-transform 300ms cubic-bezier(.11,.63,.33,1.28) 300ms;
	-moz-transition: bottom 300ms cubic-bezier(.11,.63,.33,1.28), -moz-transform 300ms cubic-bezier(.11,.63,.33,1.28) 300ms;
	transition: bottom 300ms cubic-bezier(.11,.63,.33,1.28), transform 300ms cubic-bezier(.11,.63,.33,1.28) 300ms; }
.main-header nav ul { list-style: none; display: inline-block; width: 100%; margin: 0 0 -5px; }

.main-header nav li { margin: 0; border-top: 1px solid rgba(255,255,255,0.1); }

.main-header nav a {
	display: inline-block; width: 100%;
	color: #fff; text-shadow: 0 -1px #000;
	text-transform: uppercase; line-height: 3.375em; }

.main-header.closed { height: 80px; box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15); }
.main-header.closed .logo {
	-webkit-transform: scale(0.55,0.55);
	-moz-transform: scale(0.55,0.55);
	transform: scale(0.55,0.55); }
.main-header.closed nav {
	bottom: 100%;
	-webkit-transform: scale(1,0.5);
	-moz-transform: scale(1,0.5);
	transform: scale(1,0.5); }

/*.main-header:not(:hover).top { height: 80px; box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15); }
.main-header:not(:hover).top .logo {
	-webkit-transform: scale(0.55,0.55);
	-moz-transform: scale(0.55,0.55);
	transform: scale(0.55,0.55); }
.main-header:not(:hover).top nav {
	bottom: 100%;
	-webkit-transform: scale(1,0.5);
	-moz-transform: scale(1,0.5);
	transform: scale(1,0.5); }*/

.main-header:after {
	content: ''; position: absolute; top: 1.875em; right: 1.5em;
	display: block; width: 1.5em; height: 0.25em;
	background: #fff;
	box-shadow:
		0 0.5em 0 #fff,
		0 1em 0 #fff,
		0 0 0 0.5em,
		0 0.5em 0 0.5em,
		0 1em 0 0.5em; }


/* Footer */

.main-footer {
	padding: 20px 2.5%;
	color: #fff; }
.main-footer h4 { color: #fff; }
.main-footer h6 { margin-bottom: 1.357em; }
.main-footer .content { max-width: 810px; }
.main-footer form { color: #41454b; }
.main-footer .social, .main-footer .callouts { padding: 2.5%; }
.main-footer .callouts { margin-bottom: 0; }
.main-footer .callouts li {
	list-style: none;
	padding-bottom: 1em; margin: 0 0 1em;
	font-size: 87.5%; text-align: center;
	border-bottom: 1px solid #444; }
.main-footer .callouts a { display: block; color: #fff; text-decoration: none; }

.social {
	margin-bottom: 1em; text-align: center;
	border-bottom: 1px solid #444; }
.social ul { list-style: none; margin-bottom: 0; }
.social li {
	display: inline; margin: 0;
	text-align: center; }
.social img { width: 3em; }


/* Home */

section.home { display: table; width: 100%; height: 100%; }
section.home:not(.hero) .content { position: absolute; bottom: 5%; max-width: 90%; }

.home.hero { background-image: url(../images/bg-home-intro.jpg);  }
.home.hero:before, .home.hero:after {
	content: 'scroll';
	position: absolute; bottom: 45px; left: 0;
	display: block; width: 100%;
	text-align: center;
	transition: all 500ms;
	-webkit-animation: bounce 3s 2s infinite;
	animation: bounce 3s 2s infinite; }
.home.hero:after {
	content: '';
	bottom: 10px; left: 50%;
	width: auto; margin-left: -22px;
	border: 15px solid transparent;
	border-top-color: rgba(243,244,244,0.5);
	border-left-width: 22px; border-right-width: 22px; }
.home.hero h1 { font-size: 4em; margin-bottom: 0.2em; }
.home.hero.loading:before, .home.hero.loading:after { bottom: 12%; opacity: 0; }
.home.hero blockquote {
	position: relative; display: inline;
	font-size: 1.5em; }
.home.hero blockquote:before, .hero blockquote:after {
	content: '“';
	font-family: Arial, Helvetica, sans-serif; }
.home.hero blockquote:after { content: '”'; }

.home.about { background-image: url(../images/bg-home-about.jpg); }
.home.camp { background-image: url(../images/bg-home-camp.jpg); }
.home.foundation { background-image: url(../images/bg-home-foundation.jpg); }
.home.youth { background-image: url(../images/bg-home-youth.jpg); }


/* About */

.about.hero { background-image: url(../images/hero-01.jpg); }

.tout.bio { background-image: url(../images/bg-home-about.jpg); }
.tout.stats { background-image: url(../images/bg-about-stats.jpg); }

section.timeline { padding: 2% 0; }


/* Stats */

.stats, .records, .trophies { padding-left: 5%; padding-right: 5%; }
.stats thead tr:first-child th { background: #41454b; }
.stats thead tr:first-child th:nth-child(1n+3) { background: #333; }
.stats thead th:nth-child(1n+10) { background: #1b447c; }
.stats thead tr:nth-child(2) th:nth-child(1), .stats thead tr:nth-child(2) th:nth-child(2) { text-align: left; }
.stats tbody td:nth-child(1n+10) { background: #f3f4f4; }
.stats tbody tr:nth-child(even) td:nth-child(1n+10) { background: #e3e4e4; }
.stats td:nth-child(1n+4) { text-align: right; }
.stats td:first-child { white-space: nowrap; }
.stats tfoot td:nth-child(1n+10) { background: #cbced3; }

.records th, .trophies th { text-align: left; }
.trophies td:first-child { white-space: nowrap; }


/* Camp */

.camp.hero { background-image: url(../images/hero-02.jpg); }
section.camp .banner {
	background-image: url(../images/bg-home-camp.jpg);
	background-size: 125%;
	background-repeat: no-repeat;
	background-position: 20% 0;
	box-shadow:
		inset 0 0 0 200px rgba(255,255,255,0.9),
		0 1px 5px rgba(65, 69, 75, 0.15),
		0 1px 1px rgba(65, 69, 75, 0.15);
}


/* Camp List */

.camp-list li {
	position: relative;
	color: #fff; text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom 3.5em;
	background-size: 70%; }
.camp-list li[data-team=""] { background-image: url(../images/logo-pending.png); }
.camp-list li[data-team="Red Wings vs. Greyhounds"] { background-image: url(../images/logo-rwvgh.png); }
.camp-list li[data-team="oilers"] { background-image: url(../images/logo-eo.png); }
.camp-list li[data-team="1998 Team Canada"] { background-image: url(../images/logo-1998tc.png); }
.camp-list li[data-team="St. Louis Blues"] { background-image: url(../images/logo-slb.png); }
.camp-list li[data-team="Blackhawks"] { background-image: url(../images/logo-cbh.png); }
.camp-list li[data-team="Oilers vs. Rangers"] { background-image: url(../images/logo-ovr.png); }
.camp-list li[data-team="NHL All Stars"] { background-image: url(../images/logo-nhlas.png); }
.camp-list li[data-team="1972 Team Canada"] { background-image: url(../images/logo-1972tc.png); }
.camp-list li[data-team="Wales & Campbell All Stars"] { background-image: url(../images/logo-wcas.png); }
.camp-list li[data-team="Coyotes"] { background-image: url(../images/logo-pc.png); }
.camp-list li[data-team="Kings"] { background-image: url(../images/logo-lak.png); }
.camp-list li[data-team="Rangers"] { background-image: url(../images/logo-nyr.png); }
.camp-list li[data-team="Oilers"] { background-image: url(../images/logo-eo.png); }
.camp-list a {
	position: absolute; top: 0; left: 0;
	display: inline-block; width: 100%; height: 100%;
	color: transparent; text-indent: -9999px; text-decoration: none; }
.camp-list a:before {
	content: attr(data-text);
	position: absolute; top: 0.75em; left: -0.75em; z-index: 1;
	display: block; width: 5.25em;
	color: #fff; font-size: 75%; text-indent: 0; line-height: 1.125em;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.camp-list a:after {
	content: '';
	position: absolute; top: -10px; left: -10px;
	display: block; width: 0; height: 0;
	border: 50px solid transparent;
	border-top-color: #7a7d81; border-left-color: #7a7d81; }
.camp-list a.active:after { border-top-color: #c73408; border-left-color: #c73408; }
.camp-list h3 { font: 3em/1em 'tertre', sans-serif; }
.camp-list h3:before {
	content: 'Fantasy Camp';
	display: block; padding: 0.25em; margin: 0 -1em 0.688em;
	font: normal 33.333%/1.375em 'Exo 2', sans-serif;
	background: rgba(39,97,177,0.7); }
.camp-list p {
	position: absolute; bottom: 0; left: 0;
	width: 100%; padding: 0 1em; }


/* Camp Details */

.camp-details .team-photo { margin-bottom: 2.75em; }
.camp-details .team-photo img {
	border: 8px solid #fff;
	box-shadow: 0 1px 5px rgba(65,69,75,0.15), 0 1px 1px rgba(65,69,75,0.15); }
.camp-details .winners { position: relative; }
.camp-details .winners:before {
	content: attr(data-text);
	position: absolute; top: 2em; left: 0; z-index: 1;
	display: block; width: 6em;
	color: #fff; font-size: 75%; text-align: center;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.camp-details .winners:after {
	content: '';
	position: absolute; top: 0; left: 0;
	display: block; width: 0; height: 0;
	border: 50px solid transparent;
	border-top-color: #2761b1; border-left-color: #2761b1; }

/*.scrbbl-embed {
	position: relative;
	visibility: visible !important; }
.scrbbl-embed[style]:before {
	content: '';
	position: absolute;
	top: 1em; left: 0.5em;
	display: inline-block;
	width: 19px; height: 19px;
	margin-top: -0.55em;
	border: 4px dotted; border-radius: 50%;
	-webkit-animation: spin 1.5s infinite linear;
	animation: spin 1.5s infinite linear; }*/


/* Foundation */

.foundation.hero { background-image: url(../images/hero-03.jpg); }


/* Youth Hockey */

.youth.hero { background-image: url(../images/hero-04.jpg); }


/* Media Queries */

@media (max-height: 720px) and (max-width: 1200px) {
	.home.hero {
		background-position: center top;
		background-size: auto; }
	.home.hero .content { vertical-align: bottom; }
	.home.hero h1 { margin-bottom: 1em; }
	.home.hero blockquote { display: none; }
}


@media (max-width: 750px) {
	.stats table, .stats thead, .stats tfoot,
	.stats tbody, .stats tr, .stats th, .stats td { display: block; }
	.stats thead tr { position: absolute; top: -9999px; left: -9999px; }
	.stats td:before { font-weight: bold; }
	.stats tbody tr:nth-child(even), .stats tfoot tr { background: #fff; }
	.stats tbody tr:nth-child(even) td:nth-child(1n+10) { background: #f3f4f4; }
	.stats tbody td:nth-child(1),
	.stats tfoot td:nth-child(2) { cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.15); }
	.stats tbody td:nth-child(1n+2),
	.stats tfoot td:nth-child(1n+3) { display: none; }
	.stats tbody td.show, .stats tfoot td.show { display: block; }
	.stats tbody td:nth-of-type(1) {
		position: relative;
		color: #fff; font-weight: bold;
		background: #2761b1; box-shadow: inset 0 1.25em rgba(255,255,255,0.05); }
	.stats tbody td:nth-of-type(2) { float: left; width: 80%; color: #2761b1; font-weight: bold; background: #f3f4f4; }
	.stats tbody td:nth-of-type(3) { float: right; width: 20%; text-align: right; font-style: italic; background: #f3f4f4; }
	.stats tbody td:nth-of-type(4) { clear: both; }
	.stats td:nth-of-type(4):before { content: 'Games Played '; float: left; }
	.stats td:nth-of-type(5):before { content: 'Goals '; float: left; }
	.stats td:nth-of-type(6):before { content: 'Assists '; float: left; }
	.stats td:nth-of-type(7):before { content: 'Points '; float: left; }
	.stats td:nth-of-type(8):before { content: 'PIM '; float: left; }
	.stats td:nth-of-type(9):before { content: '+/- '; float: left; }
	.stats td:nth-of-type(10):before { content: 'Playoff Games Played '; float: left; }
	.stats td:nth-of-type(11):before { content: 'Playoff Goals '; float: left; }
	.stats td:nth-of-type(12):before { content: 'Playoff Assists '; float: left; }
	.stats td:nth-of-type(13):before { content: 'Playoff Points '; float: left; }
	.stats td:nth-of-type(14):before { content: 'Playoff PIM '; float: left; }
	.stats tbody tr:first-child td:nth-child(1n+10),
	.stats tbody tr:nth-child(2) td:nth-child(1n+10) { display: none; }
	.stats tfoot td { border: none; }
	.stats tfoot td:first-child, .stats tfoot td:nth-child(3), .stats tfoot td:nth-child(9) { display: none; }
	.stats tfoot td:nth-child(2) { position: relative; background: #dbdee3; }
	.stats tfoot td:nth-child(1n+3) { box-shadow: none; }
	.stats tfoot td:nth-child(1n+10) { background: #f3f4f4; }
	.stats tbody td:nth-of-type(1):after,
	.stats tfoot td:nth-child(2):after {
		content: ''; position: absolute;
		top: 1em; right: 1em;
		width: 0; height: 0;
		border: 0.5em solid transparent;
		border-bottom: none;
		border-top-color: rgba(0,0,0,0.3); }
	.stats tbody td:nth-of-type(1).open:after,
	.stats tfoot td:nth-child(2).open:after {
		border-bottom: 0.5em solid rgba(0,0,0,0.3);
		border-top: none; }
}

@media (min-width: 600px) {
	h1 { margin-bottom: 0.458em; font: normal 3em/1em 'tertre', sans-serif; }
	h2 { margin-bottom: 0.579em; font: bold 2.375em/1em 'Exo 2', sans-serif; }
	h3 { margin-bottom: 0.786em; font: bold 1.75em/1em 'Exo 2', sans-serif; }
	h4 { margin-bottom: 0.917em; font: bold 1.5em/1em 'Exo 2', sans-serif; }
	h5 { margin-bottom: 1.100em; font: bold 1.25em/1em 'Exo 2', sans-serif; }
	h6 { font: bold 1em/1.375em 'Exo 2', sans-serif; }
	
	blockquote.pull { width: 50%; padding-right: 3.5em; }
	blockquote.pull.left { float: left; margin: 0 1.1em 1.1em -2.5%; }
	blockquote.pull.right { float: right; margin: 0 -2.5% 1.1em 1.1em; }
	
	.breadcrumb ul { font-size: 87.5%; }
	
	img.inline { width: auto; }
	img.inline.left { float: left; margin: 0 1.375em 1.375em -2.5%; }
	img.inline.right { float: right; margin: 0 -2.5% 1.375em 1.375em; }
	
	.button { width: auto; }
	input[type="email"] { display: inline; width: 68%; }
	form .button { display: inline; width: 29%; margin-left: 3%; }
	
	.main-footer .social h4 { float: left; margin: 0; line-height: 2em; }
	.main-footer .social ul { float: right; }
	.main-footer .social img { width: 3em; }
	
	.main-footer .callouts { display: table; padding: 0; }
	.main-footer .callouts li {
		display: table-cell; vertical-align: middle;
		padding: 2.5%; width: 50%;
		border-bottom: 0; }
		
	.home.hero .content { padding: 0; }
	.home.hero h1 { font-size: 7em; }
	.home.hero blockquote:before, .hero blockquote:after {
		position: absolute; margin: 0.25em 0 0 -0.4em;
		color: #2761b1; font-size: 5em; }
	.home.hero blockquote:after { margin: 0.25em 0 0 0.05em; }
	
	section.camp .banner {
		padding-right: 16em;
		box-shadow:
			inset 0 0 0 200px rgba(255,255,255,0.25),
			inset 30em 0 200px rgba(255,255,255,0.9),
			0 1px 5px rgba(65, 69, 75, 0.15),
			0 1px 1px rgba(65, 69, 75, 0.15);
		background-position: 20% 20%;
	}
}

@media (min-width: 750px) {
	table { font-size: 75%; }
	
	.hero h1 { font-size: 4em; }
	
	section { padding: 7% 10%; }
	section.breadcrumb { padding: 1em 10%; }
	
	section:not(.hero) .content.tout {
		bottom: 15%;
		width: 50%; padding: 3%; }
	section.home:not(.hero) .content.tout { width: 40%; }
	.home.foundation .content { right: 10%; }
}

@media (min-width: 820px) {
	.main-header { position: fixed; height: 140px; }
	.main-header .logo {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95); }
	.main-header nav { bottom: -5px; box-shadow: inset 0 1.688em rgba(255,255,255,0.05); }
	.main-header nav ul { width: auto; }
	.main-header nav li { float: left; border-left: 1px solid rgba(255,255,255,0.1); border-top: none; }
	.main-header nav li:nth-child(2) { margin-right: 120px; }
	.main-header nav li:nth-child(3) { border: none; }
	.main-header nav li:last-child { border-right: 1px solid rgba(255,255,255,0.1); }
	.main-header nav a { width: 10em; }
	.main-header nav a:hover {
		color: #fff;
		background: #2761b1; box-shadow: inset 0 1.688em rgba(255,255,255,0.05); }

	.callout { text-align: left; }
	.callout .image { float: left; margin: 0 1.375em 1.375em 0; }
	
	.stats, .records, .trophies { padding-left: 10%; padding-right: 10%; }
}

@media (min-width: 950px) {
	table { font-size: 87.5%; }
}

@media (min-width: 1024px) {
	.hero { background-attachment: fixed; }
}


/* Animation */

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes bounce {
  0%, 40% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); }
  60% { -webkit-transform: translateY(0); }
  70% { -webkit-transform: translateY(-10px); }
  80% { -webkit-transform: translateY(0); }
  90% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); }
}

@keyframes bounce {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}


/* Fonts */

@font-face {
    font-family: 'tertre';
    src: url('../fonts/tertre/tertre.eot');
    src: url('../fonts/tertre/tertre.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tertre/tertre.woff') format('woff'),
         url('../fonts/tertre/tertre.ttf') format('truetype'),
         url('../fonts/tertre/tertre.svg#TertreMedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}