a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block
}

[hidden] {
	display: none
}

body {
	line-height: 1
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	color: #fff;
	font-family: VAG Rounded, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

.h0 {
	font-size: 54px;
	font-size: 3.375rem
}

.h1,
.s1,
h1 {
	font-size: 32px;
	font-size: 2rem
}

.h1,
h1 {
	line-height: 1.1
}

.h2,
.s2,
h2 {
	font-size: 24px;
	font-size: 1.5rem
}

.h2,
h2 {
	line-height: 1.2
}

.h3,
.s3,
h3 {
	font-size: 22px;
	font-size: 1.375rem
}

.h3,
h3 {
	line-height: 1.3
}

.h4,
.s4,
h4 {
	font-size: 18px;
	font-size: 1.125rem
}

.h4,
h4 {
	line-height: 1.4
}

.h5,
.s5,
h5 {
	font-size: 16px;
	font-size: 1rem
}

.h5,
h5 {
	line-height: 1.5
}

.h6,
.s6,
h6 {
	font-size: 14px;
	font-size: 1.1rem
}

.h6,
h6 {
	line-height: 1.1
}

p {
	font-size: 16px;
	font-size: 1rem;
  	margin: 0 0 20px;
	line-height: 1.6
}

small {
	font-size: 12px;
	font-size: .75rem
}

blockquote {
	text-align: center;
	color: #0085ca;
	padding: 10px;
	margin: 0
}

blockquote p {
	font-family: freight-display-pro, serif;
	font-size: 26px;
	line-height: 1.4
}

a {
	text-decoration: none
}

a,
hr {
	color: inherit
}

hr {
	display: block;
	border: 0;
	margin: 0;
	height: 1px;
	width: 100%;
	background-color: currentColor
}

strong {
	font-weight: 700
}

em {
	font-style: italic
}

p {
	font-size: 17.6px;
	font-size: 1.1rem
}

button,
input,
select {
	font-family: VAG Rounded, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 300
}

#root {
	-webkit-transition: opacity .2s cubic-bezier(.12, .67, .53, 1);
	transition: opacity .2s cubic-bezier(.12, .67, .53, 1)
}

.is-transitioning #root {
	opacity: 0
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

ol,
ul {
	list-style: none;
	padding: 0;
	margin: 0
}

ol.list,
ul.list {
	padding-left: 2em
}

ol.list {
	list-style: decimal
}

ul.list {
	list-style: disc
}

form {
	margin: 0
}

input,
select,
textarea {
	display: block;
	outline: 0;
	border-radius: 0;
	border: 0;
	position: relative;
	font-size: inherit;
	background-color: transparent;
	padding: .75em 1em;
	color: #262c4d
}

input:focus,
select:focus,
textarea:focus {
	border-color: #262c4d
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: rgba(24, 24, 24, .3)
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: rgba(24, 24, 24, .3)
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: rgba(24, 24, 24, .3)
}

input::placeholder,
select::placeholder,
textarea::placeholder {
	color: rgba(24, 24, 24, .3)
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #fff inset
}

textarea {
	max-width: 100%;
	overflow: auto;
	resize: vertical;
	min-height: 55px;
	padding-top: .5em
}

.select-wrapper {
	display: block;
	position: relative
}

.select-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 50px;
	width: 100%;
	border: 1px solid #262c4d
}

.container {
	max-width: 1360px;
	width: 100%;
	padding: 0 40px;
	margin: 0 auto
}

@media (max-width:50em) {
	.container {
		padding: 0 1rem
	}
}

button {
	border: 0;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none
}

.button,
button {
	display: inline-block
}

.button {
	background-color: #e4002b;
	border: 4px solid #fff;
	color: #fff;
	height: 69px;
	line-height: 63px;
	text-align: center;
	width: 298px;
	width: 18.625rem;
	font-weight: 500;
	border-radius: 100px
}

.button-rules {
	background-color: ##0085ca;
	border: 4px solid #fff;
	color: #fff;
	height: 69px;
	line-height: 63px;
	text-align: center;
	width: 298px;
	width: 18.625rem;
	font-weight: 500;
	border-radius: 100px
}

.image {
	background: #a4e1b9;
	text-align: center
}

.image,
.image:before {
	overflow: hidden;
	-webkit-transition: opacity .2s cubic-bezier(.12, .67, .53, 1);
	transition: opacity .2s cubic-bezier(.12, .67, .53, 1)
}

.image:before {
	content: attr(data-alt);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 14.08px;
	font-size: .88rem;
	font-family: NB International Mono, monospace;
	opacity: .6;
	max-width: 200px;
	max-height: 50px;
	z-index: 0
}

.image img {
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	-webkit-transition: opacity .2s cubic-bezier(.12, .67, .53, 1);
	transition: opacity .2s cubic-bezier(.12, .67, .53, 1)
}

.image.is-loaded:before {
	opacity: 0
}

.image.is-loaded img {
	opacity: 1
}

.counter {
	display: inline-block;
	font-size: 0;
	vertical-align: middle
}

.counter button,
.counter input {
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	background: #f0f8fc
}

.counter button {
	height: 35px;
	width: 35px;
	color: #0085ca;
	text-align: center
}

.counter button:focus {
	outline: 0
}

.counter button:first-child {
	border-radius: 4px 0 0 4px
}

.counter button:last-child {
	border-radius: 0 4px 4px 0
}

.counter input {
	display: inline-block;
	width: 4ch;
	height: 35px;
	padding: .3em;
	text-align: center
}

.select--wrap {
	position: relative;
	margin: 1rem 0
}

.select--wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	border: 1px solid #d0d0d0;
	height: 36px;
	height: 4rem;
	border-radius: 4px
}

.select--chevron {
	position: absolute;
	top: 50%;
	right: 16px;
	right: 1rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none
}

.collection {
	padding: 32px 0
}

.collection__grid__row {
	margin-left: -1em;
	margin-right: -1em
}

.collection__grid__item {
	padding: 0 1em;
	margin-bottom: 32px;
	width: 100%
}

.template-password {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #262c4d
}

.login {
	width: 25vw
}

.login button,
.login form,
.login input {
	width: 100%
}

.login button,
.login input {
	font: 16px/1 VAG Rounded, sans-serif;
	font: 1rem/1 VAG Rounded, sans-serif;
	height: 60px;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: .75rem
}

.login input {
	background: #f0f0f0;
	border-radius: 100px;
	padding: 0 20px
}

.login button {
	padding: 0 3.65rem;
	background: #e4002b;
	border-radius: 100px;
	color: #fff;
	font-weight: 400
}

.product--selection {
	color: #181818;
	margin: 5.5rem 0
}

.product--selection .container {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-gap: 5rem
}

@media (max-width:50em) {
	.product--selection .container {
		grid-template-columns: 1fr
	}
}

.product--selected-image {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 0px solid rgba(45, 41, 38, .1)
}

.product--selector {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1.5rem;
	width: 100%;
	margin: 1.5rem 0 0
}

@media (max-width:50em) {
	.product--selector {
		grid-template-columns: 1fr 1fr 1fr
	}
}

.product--selector-image {
	cursor: pointer;
	border: 0px solid rgba(45, 41, 38, .1)
}

.product--selector-image.selected {
	border: 1px solid #2d2926
}

.product--selector-image img {
	max-width: 100%
}

.product--info h1 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	color: #0085ca;
	text-transform: uppercase
}

@media (max-width:50em) {
	.product--info h1 {
		font-size: 2.25rem
	}
}

.product--price {
	font: 22px/1 Frankfurter Plain, sans-serif;
	font: 1.375rem/1 Frankfurter Plain, sans-serif;
	color: #e4002b;
	margin: 1.5rem 0
}

.product--quantity {
	margin: 1.75rem 0;
	font-weight: 700
}

.product--quantity span {
	display: inline-block;
	margin-right: 1rem
}

.product--add-to-cart {
	background: #0085ca;
	border: 0
}

.product--add-to-cart.product--oos {
	background: grey;
	cursor: default
}

.product--details {
	background: #f0f8fc;
	margin: 6.25rem 0 0;
	padding: 2.25rem 2.5rem
}

.product--details h2 {
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	color: #0085ca;
	margin: 0 0 .5rem
}

.product--details li {
	line-height: 2
}

.product--details li:before {
	content: "- "
}

.collections {
	margin-bottom: 12.5rem
}

.collections--header {
	width: 100%;
	background: #0085ca;
	overflow: hidden;
	font-weight: 700
}

.collections--header:before {
	content: "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam ";
	position: absolute;
	top: -15%;
	left: -25%;
	right: -25%;
	bottom: -25%;
	font: 12.5vw/.8 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: left;
	word-wrap: break-all;
	white-space: pre-wrap;
	opacity: .05;
	pointer-events: none
}

.collections--header .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 400px;
	min-height: 25rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:50em) {
	.collections--header .container {
		min-height: 15rem
	}
}

.collections--header h1 {
	margin-top: auto;
	font: 120px/1 Frankfurter Plain, sans-serif;
	font: 7.5rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: center
}

@media (max-width:50em) {
	.collections--header h1 {
		font-size: 4.5rem
	}
}

@media (max-width:35.5em) {
	.collections--header h1 {
		font-size: 2.25rem
	}
}

.collections--header nav {
	margin: auto 0 2.25rem;
	text-align: center
}

.collections--back {
	position: relative;
	display: block;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-top: 1rem;
	padding-left: 20px
}

.collections--back:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg) translateY(calc(-50% - 1px));
	transform: rotate(45deg) translateY(calc(-50% - 1px));
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.collections--collection h2 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #0085ca;
	margin: 1rem 0 1.5rem
}

@media (max-width:50em) {
	.collections--collection h2 {
		font-size: 2.25rem;
		margin: 1.5rem 0 1.5rem
	}
}

.collection--header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.collection--count {
	padding: .5625rem 1.7rem;
	background: #f0f8fc;
	color: #0085ca;
	border-radius: 25px;
	font-weight: 700
}

.collection--items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1.375rem
}

@media (max-width:50em) {
	.collection--items {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:35.5em) {
	.collection--items {
		grid-template-columns: 1fr
	}
}

.collection--item {
	color: #000
}

.collection--item h3 {
	font: 22px/1 Frankfurter Plain, sans-serif;
	font: 1.375rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

.collection--item-image {
	display: block;
	width: 100%;
	height: 412px;
	padding-bottom: 73.15%;
	border: 0px solid rgba(45, 41, 38, .1);
	background-position: 50%;
	background-size: cover;
	margin-bottom: 1rem
}

.collection--item-price-wrap {
	margin: .25rem 0 0
}

.collection--item-sold-out .collection--item-price {
	text-decoration: line-through;
	opacity: .3
}

.collection--item-sold-out .collection--sold-out-label {
	display: inline-block
}

.fun-page {
	background-color: #1985c6;
	padding: 0rem 0 1rem
}

.fun-page img {
	display: inline-block;
	max-width: 100%;
	padding: 10px 12.5px 25px 12.5px
}

.fun-page-wallpapers {
	display: inline-block;
	max-width: 100%;
	padding: 0px 12.5px 25px 12.5px
}

.fun-page h1 {
	margin: 0 0 4.375rem;
	color: #fff;
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: center
}

.fun-page h2 {
	margin: 0 0 3rem;
	color: #fff;
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 2.5rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: center
}

.celebrate--kitty img {
	display: block;
	width: 100%
}

.notfound {
	display: block;
	text-align: center
}

.notfound .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 8rem 0;
	color: #000
}

@media (max-width:50em) {
	.notfound .container {
		margin: 3rem 0
	}
}

.notfound h1 {
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #0085ca
}

@media (max-width:50em) {
	.notfound h1 {
		font-size: 2.5rem
	}
}

.notfound--image {
	display: block;
	max-width: 512px;
	width: 50vw;
	margin: 6.875rem auto
}

@media (max-width:50em) {
	.notfound--image {
		margin: 3rem auto
	}
}

.notfound--link {
	margin: 0 auto
}

.cart-drawer--outer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	pointer-events: none
}

.cart-drawer--outer.is-active {
	pointer-events: all
}

.cart-drawer--outer.is-active .cart-drawer--overlay {
	opacity: 1
}

.cart-drawer--outer.is-active .cart-drawer {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.cart-drawer--overlay {
	opacity: 0;
	left: 0;
	background: hsla(0, 0%, 50.2%, .4)
}

.cart-drawer,
.cart-drawer--overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0
}

.cart-drawer {
	width: 50vw;
	background: #fff;
	color: #000;
	padding: 5%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

@media (max-width:50em) {
	.cart-drawer {
		left: 0;
		width: 100vw;
		-webkit-overflow-scrolling: touch
	}
}

.cart-drawer--header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 3.375rem;
	margin-bottom: 2.5rem;
	border-bottom: 2px solid #e4eaee
}

.cart-drawer--header h3 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #0085ca
}

.cart-drawer--count {
	background: #d9edf7;
	border-radius: 100px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	-ms-flex: 0 0 3.75rem;
	flex: 0 0 3.75rem;
	height: 60px;
	height: 3.75rem;
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	line-height: 56px;
	line-height: 3.5rem;
	text-align: center;
	color: #0085ca;
	padding: 0 1rem
}

.cart-drawer--items {
	margin: 0 0 5.3125rem;
	padding-bottom: 2.875rem;
	border-bottom: 2px solid #e4eaee
}

.cart-drawer--item-wrap {
	display: grid;
	grid-template-columns: 12.5rem 1fr;
	grid-gap: 3.125rem
}

.cart-drawer--item-price,
.cart-drawer--item-title {
	display: block;
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

.cart-drawer--item-title {
	color: #0085ca;
	margin-bottom: 3.5rem
}

.cart-drawer--item-price {
	color: #e4002b
}

.cart-drawer--item-quantity {
	font-size: 0;
	vertical-align: middle;
	margin: 1rem 0 0
}

.cart-drawer--item-quantity-amt,
.cart-drawer--item-quantity-btn {
	display: inline-block;
	height: 35px;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	background: #ebf3f7;
	line-height: 35px
}

.cart-drawer--item-quantity-amt {
	width: 4ch;
	text-align: center;
	cursor: default
}

.cart-drawer--item-quantity-btn {
	width: 35px;
	color: #0085ca;
	text-align: center;
	cursor: pointer
}

.cart-drawer--item-quantity-btn:focus {
	outline: 0
}

.cart-drawer--item-quantity-btn:first-child {
	border-radius: 4px 0 0 4px
}

.cart-drawer--item-quantity-btn:last-child {
	border-radius: 0 4px 4px 0
}

.cart-drawer--item-remove {
	margin: .5rem 0 0;
	padding: 0;
	font-size: 12.8px;
	font-size: .8rem;
	font-weight: 700;
	color: #e4002b
}

.cart-drawer--item-remove svg {
	position: relative;
	top: 1px;
	width: 10px
}

.cart-drawer--footer h5 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #e4002b;
	margin-bottom: 3rem
}

.cart-drawer--footer h5 span {
	display: inline-block;
	float: right
}

.cart-drawer--reset {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	display: block;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-top: .75rem;
	padding-left: 20px;
	background: transparent;
	text-indent: -10000px
}

.cart-drawer--reset:active,
.cart-drawer--reset:focus {
	outline: 0
}

.cart-drawer--reset:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	-webkit-transform: rotate(45deg) translateY(calc(-50% - 1px));
	transform: rotate(45deg) translateY(calc(-50% - 1px));
	border-left: 4px solid #0085ca;
	border-bottom: 4px solid #0085ca
}

.cart-drawer--checkout {
	background: #0085ca;
	width: 100%
}

.prelaunch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	min-height: 100vh;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.prelaunch .wrap {
	display: grid;
	max-width: 1500px;
	width: 100%;
	padding: 0 40px;
	margin: 3.75rem auto 0;
	grid-template: "signup kitty" "footer footer";
	grid-template-columns: 1fr 1fr;
	grid-gap: 0
}

@media(max-width:90em) {
	.prelaunch .wrap {
		grid-template-columns: 1.25fr 1fr
	}
}

@media(max-width:64em) {
	.prelaunch .wrap {
		grid-template-columns: 1.5fr 1fr;
		grid-template-areas: "signup      kitty" "anniversary anniversary" "footer footer"
	}
}

@media(max-width:50em) {
	.prelaunch .wrap {
		margin: 0 auto;
		padding: 40px;
		grid-template: "signup" "kitty" "anniversary" "footer"
	}
}

@media(max-width:35.5em) {
	.prelaunch .wrap {
		padding: 20px
	}
}

.prelaunch .signup {
	grid-area: signup
}

.prelaunch .signup h1 {
	font-family: Frankfurter Plain, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	font-size: 84px;
	font-size: 5.25rem;
	line-height: .8;
	margin: 0 0 2rem
}

@media(max-width:64em) {
	.prelaunch .signup h1 {
		font-size: 4.125rem
	}
}

@media(max-width:50em) {
	.prelaunch .signup h1 {
		font-size: 3.625rem
	}
}

@media(max-width:35.5em) {
	.prelaunch .signup h1 {
		font-size: 3rem
	}
}

.prelaunch .signup p {
	font-size: 22.4px;
	font-size: 1.4rem
}

@media(max-width:35.5em) {
	.prelaunch .signup p {
		font-size: 1.1rem
	}
}

.prelaunch .subscribeForm {
	position: relative;
	width: 80%;
	margin: 2.5rem 0 6.25rem
}

.prelaunch .subscribeForm.error .error {
	display: block
}

.prelaunch .subscribeForm.success .subscribe {
	width: calc(100% - 10px)
}

@media(max-width:64em) {
	.prelaunch .subscribeForm {
		width: 90%;
		margin-bottom: 0
	}
}

@media(max-width:50em) {
	.prelaunch .subscribeForm {
		width: 100%;
		max-width: 32rem;
		margin-bottom: 2.75rem
	}
}

.prelaunch .icons {
	display: grid;
	width: 90%;
	grid-template-columns: 1fr 1fr 1fr
}

@media(max-width:64em) {
	.prelaunch .icons {
		display: none
	}
}

.prelaunch .errorMessage {
	display: none;
	background: #fff;
	color: #e4002b;
	border-radius: 100px;
	padding: 1rem 2rem;
	margin: 0 0 1rem
}

.prelaunch .field {
	position: relative
}

.prelaunch .email,
.prelaunch .subscribe {
	display: inline-block;
	vertical-align: top;
	font: 16px/1 VAG Rounded, sans-serif;
	font: 1rem/1 VAG Rounded, sans-serif
}

.prelaunch .email {
	width: 100%;
	height: 70px;
	background: #fff;
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 190px;
	font-weight: 300
}

@media(max-width:35.5em) {
	.prelaunch .email {
		padding-right: 30px
	}
}

.prelaunch .subscribe {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 60px;
	background: #e4002b;
	border-radius: 100px;
	color: #fff;
	font-weight: 400;
	-webkit-transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	width: 188px
}

.prelaunch .subscribe:focus,
.prelaunch .subscribe:hover {
	background: #ff103c;
	outline: 0
}

.prelaunch .subscribe:disabled {
	cursor: default
}

.prelaunch .subscribe:disabled:hover {
	background: #e4002b
}

@media(max-width:35.5em) {
	.prelaunch .subscribe {
		position: static;
		width: 100%;
		margin-top: .5rem
	}
}

.prelaunch .kitty {
	grid-area: kitty
}

.prelaunch .kitty img {
	max-width: 100%
}

@media(max-width:64em) {
	.prelaunch .kitty .copyright {
		display: none
	}
}

.prelaunch .anniversaryInner {
	margin-top: 1rem
}

@media(max-width:64em) {
	.prelaunch .anniversaryInner {
		display: none
	}
}

.prelaunch .anniversary {
	display: none;
	grid-area: anniversary;
	margin: 4.25rem 0 0
}

.prelaunch .anniversary img {
	max-width: 100%;
	width: 100%
}

@media(max-width:64em) {
	.prelaunch .anniversary {
		display: block
	}
}

@media(max-width:35.5em) {
	.prelaunch .anniversary {
		margin-top: 0
	}
}

.prelaunch .anniversary .copyright {
	font-size: 16px;
	font-size: 1rem
}

@media(max-width:35.5em) {
	.prelaunch .anniversary .copyright {
		font-size: .75rem;
		margin: 0
	}
}

.prelaunch .copyright {
	color: #fff;
	font-size: 13.12px;
	font-size: .82rem;
	text-align: right;
	opacity: .6;
	margin: .5rem 0 0
}

.prelaunch .footer {
	grid-area: footer;
	font: 500 20px/1 VAG Rounded, sans-serif;
	font: 500 1.25rem/1 VAG Rounded, sans-serif;
	text-transform: uppercase;
	margin: 3.75rem 0 0
}

@media(max-width:50em) {
	.prelaunch .footer {
		margin: 2.75rem 0 1rem
	}
}

.prelaunch .footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.prelaunch .footer li {
	margin-right: 1.5rem
}

@media(max-width:50em) {
	.prelaunch .footer li {
		margin: 1rem 1.5rem 0 0
	}
}

.prelaunch .footer li:last-child {
	margin-left: auto;
	margin-right: 0
}

@media(max-width:50em) {
	.prelaunch .footer li:last-child {
		margin: 1rem 0 0
	}
}

.header--wrap {
	height: 80px;
	height: 5rem
}

@media (max-width:64em) {
	.header--wrap {
		height: 3.75rem
	}
}

.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	height: 5rem;
	background: #0085ca;
	color: #fff;
	font-weight: 700;
	z-index: 10;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

@media (max-width:64em) {
	.header {
		height: 3.75rem
	}
}

.header .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto
}

@media (max-width:64em) {
	.header .container {
		width: 100vw;
		height: 3.75rem;
		padding: 0 1rem;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0
	}
}

.header--pin {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.header--unpin {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.header--light {
	height: 60px;
	height: 3.75rem;
	background: #fff;
	color: #0085ca
}

.header--light .container>.header--mobile-toggle g {
	stroke: #0085ca
}

.header--logo,
.header--nav-right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11vw;
	flex: 0 0 11vw
}

.header--logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 0;
	height: 80px;
	height: 5rem
}

.header--logo path {
	fill: #fff
}

.header--logo svg {
	width: 100%
}

@media (max-width:64em) {
	.header--logo {
		display: inline-block;
		height: auto;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 15rem;
		flex: 0 0 15rem
	}
}

.header--mobile-toggle {
	display: none
}

.header--mobile-toggle g {
	stroke: #fff
}

@media (max-width:64em) {
	.header--mobile-toggle {
		display: inline-block;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		text-align: right
	}
}

.header--light .header--logo path {
	fill: #0085ca
}

.header--nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	height: 5rem;
	text-align: center
}

@media (max-width:64em) {
	.header--nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #0085ca;
		color: #fff;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease
	}
}

.header--nav.is-visible {
	opacity: 1;
	pointer-events: all
}

.header--nav ul {
	width: 100%;
	margin: 0 auto;
	padding: 0 10%
}

@media (max-width:64em) {
	.header--nav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.header--nav li {
	display: inline-block;
	margin-right: 5%
}

@media (max-width:64em) {
	.header--nav li {
		margin-right: 0;
		padding: .5rem 0;
		font-size: 2.25rem
	}
}

.header--nav li:last-child {
	margin-right: 0
}

.header--nav .header--mobile-toggle {
	position: absolute;
	top: calc(1rem + 1px);
	right: 16px;
	right: 1rem;
	width: 50%
}

.header--nav-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	top: 0;
	right: 0;
	height: 80px;
	height: 5rem
}

@media (max-width:64em) {
	.header--nav-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		font-size: 2.25rem
	}
}

.header--store {
	width: auto;
	height: 45px;
	height: 2.8125rem;
	line-height: 36px;
	line-height: 2.25rem;
	width: 192px;
	width: 12rem;
	margin-left: 2.8125rem
}

@media (max-width:64em) {
	.header--store {
		width: auto;
		padding: 1rem 4rem 1.25rem;
		height: auto;
		margin: 2rem 0 0;
		line-height: 1.5rem
	}
}

.celebrate {
	margin: 6.25rem auto 6.875rem;
	width: 100%;
	overflow: hidden
}

@media (max-width:50em) {
	.celebrate {
		margin-top: 4rem
	}
}

.celebrate .container {
	display: grid;
	grid-template-columns: 2.3fr 3fr;
	max-width: 1360px;
	margin: 0 auto;
	gap: 147.2px;
	gap: 9.2rem
}

@media (max-width:50em) {
	.celebrate .container {
		grid-template-columns: 1fr
	}
}

.celebrate h2 {
	margin-top: 6.25rem;
	color: #0085ca;
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:1120px) {
	.celebrate h2 {
		font-size: 6.785vw
	}
}

@media (max-width:50em) {
	.celebrate h2 {
		font-size: 2.5rem;
		margin-top: 0
	}
}

.celebrate h2 span {
	color: #e4002b
}

.celebrate--body {
	margin: 1.5rem 0 3rem;
	color: #181818;
	line-height: 2
}

.celebrate--kitty img {
	display: block;
	width: 100%
}

.celebrate--kitty svg {
	margin: 2.6875rem 0 0
}

.skylounge {
	margin: 0;
	width: 100%;
	background-color: #0085ca;
	overflow: hidden
}

@media (max-width:50em) {
	.skylounge {
		background-color: #0085ca;
		margin-top: 0rem
	}
}

.skylounge .container {
	bottom-margin: 30px;
	background-color: #0085ca;
	display: grid;
	grid-template-columns: 2.3fr 3fr;
	max-width: 1360px;
	margin: 0 auto;
	gap: 147.2px;
	gap: 9.2rem
}

@media (max-width:50em) {
	.skylounge .container {
		grid-template-columns: 1fr
	}
}

.skylounge h2 {
	margin-top: 6.25rem;
	color: #fff;
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:1120px) {
	.skylounge h2 {
		font-size: 6.785vw
	}
}

@media (max-width:50em) {
	.skylounge h2 {
		font-size: 6.5rem;
		margin-top: 0
	}
}

.skylounge h2 span {
	color: #e4002b
}

.skylounge p {
	padding-top: 150px;
	padding-bottom: 200px;
	color: #fff
}

@media (max-width:1120px) {
	.skylounge p {
		padding-top: 10px;
		padding-bottom: 100px;
		color: #fff
	}
}

.skylounge h3 {
	padding-top: 100px;
	padding-bottom: 100px;
	color: #fff;
	font: 27px/1 VAG Rounded, sans-serif;
	font: 1.5rem/1 VAG Rounded, sans-serif;
	line-height: 1.3
}

@media (max-width:1120px) {
	.skylounge h3 {
		font-size: 6.785vw
	}
}

@media (max-width:50em) {
	.skylounge h3 {
		padding-top: 1px;
		font-size: 1.5rem;
		margin-top: 0
	}
}

.skylounge--body {
	margin: 1.5rem 0 3rem;
	color: #181818;
	line-height: 2
}

.skylounge--kitty img {
	display: block;
	width: 100%
}

.ticketing {
	position: relative;
	background: #e4002b;
	color: #fff;
	text-align: center;
	padding: 11.625rem 0 6.875rem
}

@media (max-width:50em) {
	.ticketing {
		text-align: left;
		padding: 3rem 0 6.5rem
	}
}

.ticketing .container {
	position: relative;
	margin: 0 auto;
	max-width: 1360px
}

.ticketing h2,
.ticketing h3,
.ticketing h4 {
	color: #fff
}

.ticketing h2 {
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.ticketing h2 {
		font-size: 6.5rem
	}
}

.ticketing h3 {
	font-size: 16px;
	font-size: 1rem
}

.ticketing h4 {
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	margin: 2rem 0
}

@media (max-width:50em) {
	.ticketing h4 {
		margin: 1rem 0
	}
}

.ticketing--plane {
	position: absolute;
	top: 174px;
	top: 10.875rem;
	right: 0;
	-webkit-transform: translate(-15%);
	transform: translate(-15%);
	width: 250px
}

@media (max-width:50em) {
	.ticketing--plane {
		top: 3rem
	}
}

.ticketing--types {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 3.44rem;
	max-width: 1280px;
	margin: 5.2rem auto
}

@media (max-width:50em) {
	.ticketing--types {
		display: block;
		width: calc(100% + 2rem);
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		margin: 1.68rem 0 1.68rem -1rem;
		padding-right: 1rem
	}
}

.ticketing--type {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 2px solid #fff;
	padding: 2.25rem
}

@media (max-width:50em) {
	.ticketing--type {
		text-align: center;
		width: calc(100% - 2rem);
		max-width: 500px;
		padding: 2rem 1rem;
		margin-left: 1rem
	}
}

.ticketing--type ul {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin: 0 0 3.375rem
}

.ticketing--type li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik00LjUgOC4yNWwzIDIuMjUgMi4yNS02Ii8+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiLz48L2c+PC9zdmc+);
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	margin-right: .625rem
}

.ticketing--link {
	background: #0085ca;
	width: 100%
}

.rules--link {
	background: #0085ca;
	width: 40%
}

.ticketing--contact {
	font: 22px/1 Frankfurter Plain, sans-serif;
	font: 1.375rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.ticketing--contact {
		font: 1rem/1.5 VAG Rounded, sans-serif;
		text-transform: none
	}
}

.ticketing--contact a {
	padding-bottom: 3px;
	border-bottom: 2px solid #fff
}

@media (max-width:50em) {
	.ticketing--contact a {
		padding-bottom: 1px
	}
}

.history header {
	width: 100%;
	height: 21.5vw;
	overflow: hidden;
	background: #e4002b
}

.history h2 {
	color: #e4002b;
	-webkit-text-stroke: 5px #fff;
	-moz-text-stroke: 5px #fff;
	text-stroke: 5px #fff;
	font-family: Frankfurter Plain, sans-serif;
	font-size: 28.25vw;
	letter-spacing: -5px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 0 -7vw
}

.history .container {
	margin: -6.5vw auto 0;
	max-width: 1360px
}

.history--video {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 12.875rem;
	padding-bottom: 56.25%;
}

.history--video iframe {
	position: absolute;
  
	top: 0;
	left: 0
}


.history--timeline-wrap {
	position: relative
}

.history--timeline {
	position: relative;
	margin-bottom: 5rem
}

.history--timeline-20 {
	margin-bottom: -15rem
}

.history--timeline-20 .history--timeline-list {
	padding-bottom: 15rem
}

.history--item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 6rem;
	min-height: 216px;
	min-height: 13.5rem
}

.history--item:not(:last-child):after {
	content: "";
	position: absolute;
	bottom: -16px;
	bottom: -1rem;
	right: 0;
	display: block;
	font-size: 13vw;
	width: calc(100% - 2.5ch);
	height: 1px;
	background: #2d2926;
	opacity: .1
}

@media (max-width:50em) {
	.history--item {
		display: block
	}
}

.history--year-outer {
	position: absolute;
	left: 16px;
	left: 1rem;
	top: 0;
	bottom: 0
}

@media (max-width:50em) {
	.history--year-outer {
		left: 0
	}
}

.history--year {
	width: 15vw;
	text-align: left;
	margin: 0 0 0 2ch;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15vw;
	flex: 0 0 15vw;
	color: #e5f2f9;
	-webkit-text-stroke: 4px #0085ca;
	-moz-text-stroke: 4px #0085ca;
	text-stroke: 4px #0085ca;
	font-size: 13vw;
	font-weight: 500;
	line-height: .7;
	vertical-align: top;
	letter-spacing: 3px
}

@media (max-width:50em) {
	.history--year {
		width: auto;
		margin: 0 0 1rem 27%;
		-webkit-text-stroke: 2px #0085ca;
		-moz-text-stroke: 2px #0085ca;
		text-stroke: 2px #0085ca;
		font-size: 20vw;
		padding-left: 0!important
	}
}

.history--year-century {
	position: -webkit-sticky;
	position: sticky;
	top: 50%;
	margin: 0;
	text-align: left
}

.history--info {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin-left: 25%;
	color: #262c4d;
	padding-bottom: 1rem
}

.history--info h3 {
	color: #0085ca;
	font-family: Frankfurter Plain, sans-serif;
	font-size: 2.5vw;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 1.625rem
}

@media (max-width:50em) {
	.history--info {
		margin-left: 27%
	}
	.history--info h3 {
		font-size: 1.625rem
	}
}

.history--image-outer {
	position: absolute;
	left: 23vw;
	top: 0;
	bottom: 0;
	width: 30vw;
	opacity: .7;
	z-index: -1
}

@media (max-width:50em) {
	.history--image-outer {
		left: 0;
		width: 50vw
	}
}

.history--image {
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	top: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	text-align: left
}

@media (max-width:50em) {
	.history--image {
		top: 25%;
		-webkit-transform: translateY(-40%);
		transform: translateY(-40%)
	}
}

.today {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #0085ca;
	width: 100%;
	min-height: 100vh;
	overflow: hidden
}

.today,
.today .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.today .container {
	max-width: 1360px;
	text-align: center
}

.today h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin: 2rem 0
}

@media (max-width:50em) {
	.today h2 {
		font-size: 3rem;
		margin: 1rem 0
	}
}

.today h3 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #80d3ff
}

@media (max-width:50em) {
	.today h3 {
		font-size: 1.56rem
	}
}

.today--year {
	position: absolute;
	font-size: 62.5vw;
	line-height: 1;
	font-weight: 900;
	color: #fff;
	opacity: .1;
	z-index: 0
}

@media (max-width:50em) {
	.today--year {
		top: 0
	}
}

.today--body {
	margin: 0 auto 2rem;
	max-width: 675px
}

.today--video {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 5rem;
	padding-bottom: 56.25%;
}

.today--video iframe {
	position: absolute;
	top: 0;
	left: 0
}

.events {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.events .container {
	position: relative;
	max-width: 1360px;
	margin: 10rem auto
}

.events h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

@media (max-width:50em) {
	.events h2 {
		font-size: 2.5rem
	}
}

.events--accent-wrap {
	position: absolute;
	max-width: 1360px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.events--accent {
	position: absolute;
	top: 48px;
	top: 3rem;
	left: -48px;
	left: -3rem;
	width: 275px
}

.events--subhed {
	margin: 1rem 0 5.25rem
}

.events--wrap {
	display: grid;
	grid-template-columns: 66% 1fr;
	grid-gap: 9.5vw
}

@media (max-width:50em) {
	.events--wrap {
		grid-template-columns: 1fr
	}
}

.events--sponsor {
	background: #0074b0;
	padding: 1.69rem 2.8rem
}

.events--sponsor h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.events--sponsor h2 {
		font-size: 1.56rem
	}
}

.events--contact {
	background: transparent;
	height: 45px;
	line-height: 38px;
	width: auto;
	margin: 2.9rem 0 0;
	padding: 0 2.19rem
}

.events--event {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	padding: 1rem 0;
	margin: 1rem 0;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

@media (max-width:50em) {
	.events--event {
		display: grid;
		grid-template-columns: 70px 1fr;
		grid-gap: 1rem
	}
}

.events--event:last-child {
	border-bottom: 0
}

.events--event h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

.event--date {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px
}

.event--details {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding: 0 2.8125rem
}

@media (max-width:50em) {
	.event--details {
		padding: 0 0 0 1rem
	}
}

.event--day,
.event--month {
	display: block;
	text-align: center
}

.event--day {
	font: 50px/.75 Frankfurter Plain, sans-serif;
	font: 3.125rem/.75 Frankfurter Plain, sans-serif
}

.event--link {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 165px;
	flex: 0 0 165px;
	height: 50px;
	line-height: 42px;
	padding: 0 1.875rem
}

@media (max-width:50em) {
	.event--link {
		grid-column: 1/3;
		width: 100%
	}
}

.partners {
	position: relative;
	background: #e4002b;
	color: #fff;
	width: 100%
}

.partners .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1360px;
	padding-top: 6.875rem;
	padding-bottom: 5rem;
	margin: 0 auto
}

.partners header {
	width: 100%;
	text-align: center
}

@media (max-width:50em) {
	.partners header {
		text-align: left
	}
}

.partners h2 {
	position: relative;
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.partners h2 {
		font-size: 2.5rem
	}
}

.partners--list-off .container {
	margin-bottom: -3rem
}

.partners--bow {
	position: absolute;
	top: 110px;
	top: 6.875rem;
	left: 0;
	-webkit-transform: translate(-15%, -40%);
	transform: translate(-15%, -40%);
	width: 250px
}

.partners--body {
	margin: 1.5rem auto
}

.partner--list {
	margin-bottom: 6.875rem;
	text-align: center
}

.partners--partner {
	display: inline-block
}

.partners--partner img {
	height: 68px;
	height: 4.25rem;
	margin-bottom: 1rem
}

.collabs {
	background: #e4002b;
	color: #fff;
	width: 100%;
	overflow: hidden
}

@media (max-width:50em) {
	.collabs {
		text-align: left;
		padding: 3rem 0 6.5rem
	}
}

.collabs .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1360px;
	margin: 6.875rem auto
}

@media (max-width:50em) {
	.collabs .container {
		display: block;
		width: 100%;
		margin: 3rem 0 0;
		padding: 0 1rem 0 0;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		text-align: left
	}
}

.collab--list {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 1.65rem);
	flex: 0 0 calc(50% - 1.65rem)
}

@media (max-width:50em) {
	.collab--list {
		display: inline-block
	}
}

.collab--list-right {
	margin-left: 3.3rem
}

@media (max-width:50em) {
	.collab--list-right {
		margin-left: 0
	}
}

.collabs--collab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #fff;
	width: 100%;
	min-height: 480px;
	min-height: 30rem;
	margin-bottom: 3.3rem;
	padding: 3rem
}

@media (max-width:50em) {
	.collabs--collab {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		text-align: center;
		width: calc(100vw - 3rem);
		max-width: 500px;
		padding: 2rem 1rem;
		margin-left: 1rem;
		white-space: normal;
		text-align: left
	}
}

.collabs--collab h3 {
	font-size: 14px;
	font-size: .875rem;
	margin-bottom: .625rem
}

.collabs--collab h2 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.collabs--collab h2 {
		font-size: 1.875rem
	}
}

.collab--details {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin: 1.5rem 0
}

@media (max-width:50em) {
	.collab--link {
		width: 100%
	}
}

.collab--image {
	width: calc(100% + 6rem);
	margin: -3rem -3rem 2rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15vw;
	flex: 0 0 15vw;
	background-size: cover;
	background-position: 50%
}

@media (max-width:50em) {
	.collab--image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10rem;
		flex: 0 0 10rem;
		margin: -2rem -1rem 2rem;
		width: calc(100% + 2rem)
	}
}

.press {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.press .container {
	position: relative;
	max-width: 1360px;
	margin: 3rem auto
}

.press h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

@media (max-width:35.5em) {
	.press h2 {
		font-size: 2.5rem
	}
}

.press--accent-wrap {
	position: absolute;
	max-width: 1360px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.press--accent {
	position: absolute;
	top: 48px;
	top: 3rem;
	right: -48px;
	right: -3rem;
	width: 275px
}

.press--subhed {
	margin: 1rem 0 2.69rem
}

.press--press-item {
	display: grid;
	grid-gap: 5rem;
	grid-template-columns: 1fr 2fr;
	padding: 1rem 0
}

@media (max-width:50em) {
	.press--press-item {
		grid-gap: 2rem
	}
}

@media (max-width:35.5em) {
	.press--press-item {
		grid-gap: 1rem;
		grid-template-columns: 1fr
	}
}

.press--press-item h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:35.5em) {
	.press--press-item h2 {
		font-size: 1.56rem
	}
}

.press-item--image {
	width: 100%;
	padding-bottom: 62.5%;
	background-size: cover;
	background-position: 50%
}

.press-item--summary {
	padding: 1.875rem 0
}

.press-item--read-more {
	font-weight: 700
}

.products {
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.products .container {
	max-width: 1360px;
	margin: 10rem auto 0
}

.products--header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:35.5em) {
	.products--header {
		display: block
	}
}

.products--header h2 {
	font: 72px/1 Frankfurter Plain, sans-serif;
	font: 4.5rem/1 Frankfurter Plain, sans-serif;
	margin: 0 0 3.75rem;
	text-transform: uppercase
}

@media (max-width:35.5em) {
	.products--header h2 {
		font-size: 2.5rem;
		margin: 0 0 1rem
	}
}

@media (max-width:35.5em) {
	.products--store-link {
		width: 90%;
		margin: 0 0 2rem
	}
}

.products--list {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1.5625rem
}

@media (max-width:50em) {
	.products--list {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:35.5em) {
	.products--list {
		grid-template-columns: 1fr
	}
}

.products--product--image {
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 0;
	padding-bottom: 73.25%
}

.products--product--title {
	font: 22px/1 Frankfurter Plain, sans-serif;
	font: 1.375rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin: 1rem 0 .75rem
}

@media (max-width:35.5em) {
	.products--product--title {
		margin: .75rem 0 .5rem;
		font-size: 1.25rem
	}
}

.products--product--price {
	line-height: 1
}

.footer {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.footer .container {
	max-width: 1360px;
	margin: 6.875rem auto 6.25rem
}

.footer--subscribe {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 3.75rem;
	padding: 0 0 7.75rem;
	margin: 0 0 7.75rem;
	border-bottom: 1px solid #fff
}

@media (max-width:50em) {
	.footer--subscribe {
		grid-template-columns: 1fr;
		grid-gap: 2rem;
		padding: 0 0 3rem;
		margin: 0 0 3rem
	}
}

.footer--subscribe h2 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.footer--subscribe h2 {
		font-size: 2.5rem;
		text-align: center
	}
}

.subscribe--field {
	position: relative
}

.subscribe--email {
	width: 100%;
	height: 70px;
	background: #fff;
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 190px;
	font-weight: 300
}

@media(max-width:35.5em) {
	.subscribe--email {
		padding-right: 30px
	}
}

.subscribe--error {
	display: none;
	background: #fff;
	color: #e4002b;
	border-radius: 100px;
	padding: 1rem 2rem;
	margin: 1rem 0 0
}

.subscribe--submit {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 60px;
	background: #e4002b;
	border-radius: 100px;
	color: #fff;
	font-weight: 700;
	-webkit-transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	padding: 0 4.25rem
}

.subscribe--submit:focus,
.subscribe--submit:hover {
	background: #ff103c;
	outline: 0
}

.subscribe--submit:disabled {
	cursor: default
}

.subscribe--submit:disabled:hover {
	background: #e4002b
}

@media(max-width:35.5em) {
	.subscribe--submit {
		position: static;
		width: 100%;
		margin-top: .5rem;
		border: 4px solid #fff
	}
}

.footer--links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	margin: 2rem 0 0
}

@media (max-width:50em) {
	.footer--links {
		display: block;
		text-align: center
	}
}

.footer--links:first-child {
	margin: 0
}

.footer--links li {
	display: inline-block;
	vertical-align: middle
}

.footer--logo img {
	width: 140px
}

@media (max-width:50em) {
	.footer--logo {
		display: block;
		margin-bottom: 2rem
	}
	.footer--logo img {
		width: 95px
	}
}

@media (max-width:50em) {
	.footer--social {
		margin: 2rem 0 0
	}
}

.footer--social li {
	margin-left: 1.625rem;
	text-transform: uppercase
}

@media (max-width:50em) {
	.footer--social li {
		margin: 1rem .8125rem 0
	}
	.footer--social li:first-child {
		width: calc(100% - 1.625rem)
	}
}

.footer--social img {
	vertical-align: middle
}

.faqs .container {
	max-width: 784px;
	max-width: 49rem
}

.faqs--fun-item {
	padding: 1.875rem 0;
	border-bottom: 1px solid #0085ca
}

.fun-item--toggle {
	cursor: pointer
}

.fun-item--toggle h2 {
	position: relative;
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	color: #0085ca;
	padding-right: 5rem
}

.fun-item--toggle h2:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	border-right: 2px solid #0085ca;
	border-bottom: 2px solid #0085ca
}

.fun-item--body {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s ease;
	transition: max-height .4s ease
}

.faqs--fun-item.is-open .fun-item--body {
	max-height: 1000px
}

.faqs--fun-item.is-open .fun-item--toggle h2:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.fun-item--body-inner {
	margin: 1.5rem 0 0
}

.faq-page {
	color: #000;
	padding: 2rem 0 0.5rem
}

.faq-page h1 {
	margin: 0 0 1rem;
	color: #e4002b;
	font: 4.25rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: center
}

.faq-page h2 {
	margin: 0 0 1rem;
	color: #80d3ff;
	font: 3rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: center
}

.notfound {
	display: block;
	text-align: center
}

.notfound .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 8rem 0;
	color: #000
}

@media (max-width:50em) {
	.notfound .container {
		margin: 3rem 0
	}
}

.notfound h1 {
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #0085ca
}

@media (max-width:50em) {
	.notfound h1 {
		font-size: 2.5rem
	}
}

.notfound--image {
	display: block;
	max-width: 512px;
	width: 50vw;
	margin: 6.875rem auto
}

@media (max-width:50em) {
	.notfound--image {
		margin: 3rem auto
	}
}

.notfound--link {
	margin: 0 auto
}

.cart-drawer--outer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	pointer-events: none
}

.cart-drawer--outer.is-active {
	pointer-events: all
}

.cart-drawer--outer.is-active .cart-drawer--overlay {
	opacity: 1
}

.cart-drawer--outer.is-active .cart-drawer {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.cart-drawer--overlay {
	opacity: 0;
	left: 0;
	background: hsla(0, 0%, 50.2%, .4)
}

.cart-drawer,
.cart-drawer--overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0
}

.cart-drawer {
	width: 50vw;
	background: #fff;
	color: #000;
	padding: 5%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

@media (max-width:50em) {
	.cart-drawer {
		left: 0;
		width: 100vw;
		-webkit-overflow-scrolling: touch
	}
}

.cart-drawer--header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 3.375rem;
	margin-bottom: 2.5rem;
	border-bottom: 2px solid #e4eaee
}

.cart-drawer--header h3 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #0085ca
}

@media(max-width: 35.5em) {
    .cart-drawer--header {
  	    margin-bottom: 1rem;
        padding-bottom: 1rem;
    }
  
  	.cart-drawer--header h3 {
  		font-size: 1.25rem;
      	align-self: center;
    }
}

.cart-drawer--count {
	background: #d9edf7;
	border-radius: 100px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	-ms-flex: 0 0 3.75rem;
	flex: 0 0 3.75rem;
	height: 60px;
	height: 3.75rem;
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	line-height: 56px;
	line-height: 3.5rem;
	text-align: center;
	color: #0085ca;
	padding: 0 1rem
}

@media(max-width: 35.5em) {
  	.cart-drawer--count {
        font-size: 1rem;
        flex: 0 0 50px;
        height: 50px;
        line-height: 51px;
    }
}

.cart-drawer--items {
	margin: 0 0 5.3125rem;
	padding-bottom: 2.875rem;
	border-bottom: 2px solid #e4eaee
}

@media(max-width: 35.5em) {
    .cart-drawer--items {
      	margin-bottom: 2rem;
    }
}

.cart-drawer--item-wrap {
	display: grid;
	grid-template-columns: 12.5rem 1fr;
	grid-gap: 3.125rem
}

@media(max-width: 35.5em) {
  	.cart-drawer--item-wrap {
  		grid-template-columns: 1fr;
  		grid-gap: 1rem
    }
}

.cart-drawer--item-price,
.cart-drawer--item-title {
	display: block;
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

.cart-drawer--item-title {
	color: #0085ca;
	margin-bottom: 3.5rem
}

@media(max-width: 35.5em) {
  	.cart-drawer--item-title {
  		margin-bottom: 1rem;
    }
}

.cart-drawer--item-price {
	color: #e4002b
}

.cart-drawer--item-quantity {
	font-size: 0;
	vertical-align: middle;
	margin: 1rem 0 0
}

.cart-drawer--item-quantity-amt,
.cart-drawer--item-quantity-btn {
	display: inline-block;
	height: 35px;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	background: #ebf3f7;
	line-height: 35px
}

.cart-drawer--item-quantity-amt {
	width: 4ch;
	text-align: center;
	cursor: default
}

.cart-drawer--item-quantity-btn {
	width: 35px;
	color: #0085ca;
	text-align: center;
	cursor: pointer
}

.cart-drawer--item-quantity-btn:focus {
	outline: 0
}

.cart-drawer--item-quantity-btn:first-child {
	border-radius: 4px 0 0 4px
}

.cart-drawer--item-quantity-btn:last-child {
	border-radius: 0 4px 4px 0
}

.cart-drawer--item-remove {
	margin: .5rem 0 0;
	padding: 0;
	font-size: 12.8px;
	font-size: .8rem;
	font-weight: 700;
	color: #e4002b
}

.cart-drawer--item-remove svg {
	position: relative;
	top: 1px;
	width: 10px
}

.cart-drawer--footer h5 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #e4002b;
	margin-bottom: 3rem
}


@media(max-width: 35.5em) {
    .cart-drawer--footer h5 {
  	    font-size: 1.25rem;
        margin-bottom: 1rem
    }
}

.cart-drawer--footer h5 span {
	display: inline-block;
	float: right
}

.cart-drawer--reset {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	display: block;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-top: .75rem;
	padding-left: 20px;
	background: transparent;
	text-indent: -10000px
}

.cart-drawer--reset:active,
.cart-drawer--reset:focus {
	outline: 0
}

.cart-drawer--reset:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	-webkit-transform: rotate(45deg) translateY(calc(-50% - 1px));
	transform: rotate(45deg) translateY(calc(-50% - 1px));
	border-left: 4px solid #0085ca;
	border-bottom: 4px solid #0085ca
}

.cart-drawer--checkout {
	background: #0085ca;
	width: 100%
}

.prelaunch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	min-height: 100vh;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.prelaunch .wrap {
	display: grid;
	max-width: 1500px;
	width: 100%;
	padding: 0 40px;
	margin: 3.75rem auto 0;
	grid-template: "signup kitty" "footer footer";
	grid-template-columns: 1fr 1fr;
	grid-gap: 0
}

@media(max-width:90em) {
	.prelaunch .wrap {
		grid-template-columns: 1.25fr 1fr
	}
}

@media(max-width:64em) {
	.prelaunch .wrap {
		grid-template-columns: 1.5fr 1fr;
		grid-template-areas: "signup      kitty" "anniversary anniversary" "footer footer"
	}
}

@media(max-width:50em) {
	.prelaunch .wrap {
		margin: 0 auto;
		padding: 40px;
		grid-template: "signup" "kitty" "anniversary" "footer"
	}
}

@media(max-width:35.5em) {
	.prelaunch .wrap {
		padding: 20px
	}
}

.prelaunch .signup {
	grid-area: signup
}

.prelaunch .signup h1 {
	font-family: Frankfurter Plain, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	font-size: 84px;
	font-size: 5.25rem;
	line-height: .8;
	margin: 0 0 2rem
}

@media(max-width:64em) {
	.prelaunch .signup h1 {
		font-size: 4.125rem
	}
}

@media(max-width:50em) {
	.prelaunch .signup h1 {
		font-size: 3.625rem
	}
}

@media(max-width:35.5em) {
	.prelaunch .signup h1 {
		font-size: 3rem
	}
}

.prelaunch .signup p {
	font-size: 22.4px;
	font-size: 1.4rem
}

@media(max-width:35.5em) {
	.prelaunch .signup p {
		font-size: 1.1rem
	}
}

.prelaunch .subscribeForm {
	position: relative;
	width: 80%;
	margin: 2.5rem 0 6.25rem
}

.prelaunch .subscribeForm.error .error {
	display: block
}

.prelaunch .subscribeForm.success .subscribe {
	width: calc(100% - 10px)
}

@media(max-width:64em) {
	.prelaunch .subscribeForm {
		width: 90%;
		margin-bottom: 0
	}
}

@media(max-width:50em) {
	.prelaunch .subscribeForm {
		width: 100%;
		max-width: 32rem;
		margin-bottom: 2.75rem
	}
}

.prelaunch .icons {
	display: grid;
	width: 90%;
	grid-template-columns: 1fr 1fr 1fr
}

@media(max-width:64em) {
	.prelaunch .icons {
		display: none
	}
}

.prelaunch .errorMessage {
	display: none;
	background: #fff;
	color: #e4002b;
	border-radius: 100px;
	padding: 1rem 2rem;
	margin: 0 0 1rem
}

.prelaunch .field {
	position: relative
}

.prelaunch .email,
.prelaunch .subscribe {
	display: inline-block;
	vertical-align: top;
	font: 16px/1 VAG Rounded, sans-serif;
	font: 1rem/1 VAG Rounded, sans-serif
}

.prelaunch .email {
	width: 100%;
	height: 70px;
	background: #fff;
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 190px;
	font-weight: 300
}

@media(max-width:35.5em) {
	.prelaunch .email {
		padding-right: 30px
	}
}

.prelaunch .subscribe {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 60px;
	background: #e4002b;
	border-radius: 100px;
	color: #fff;
	font-weight: 400;
	-webkit-transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	width: 188px
}

.prelaunch .subscribe:focus,
.prelaunch .subscribe:hover {
	background: #ff103c;
	outline: 0
}

.prelaunch .subscribe:disabled {
	cursor: default
}

.prelaunch .subscribe:disabled:hover {
	background: #e4002b
}

@media(max-width:35.5em) {
	.prelaunch .subscribe {
		position: static;
		width: 100%;
		margin-top: .5rem
	}
}

.prelaunch .kitty {
	grid-area: kitty
}

.prelaunch .kitty img {
	max-width: 100%
}

@media(max-width:64em) {
	.prelaunch .kitty .copyright {
		display: none
	}
}

.prelaunch .anniversaryInner {
	margin-top: 1rem
}

@media(max-width:64em) {
	.prelaunch .anniversaryInner {
		display: none
	}
}

.prelaunch .anniversary {
	display: none;
	grid-area: anniversary;
	margin: 4.25rem 0 0
}

.prelaunch .anniversary img {
	max-width: 100%;
	width: 100%
}

@media(max-width:64em) {
	.prelaunch .anniversary {
		display: block
	}
}

@media(max-width:35.5em) {
	.prelaunch .anniversary {
		margin-top: 0
	}
}

.prelaunch .anniversary .copyright {
	font-size: 16px;
	font-size: 1rem
}

@media(max-width:35.5em) {
	.prelaunch .anniversary .copyright {
		font-size: .75rem;
		margin: 0
	}
}

.prelaunch .copyright {
	color: #fff;
	font-size: 13.12px;
	font-size: .82rem;
	text-align: right;
	opacity: .6;
	margin: .5rem 0 0
}

.prelaunch .footer {
	grid-area: footer;
	font: 500 20px/1 VAG Rounded, sans-serif;
	font: 500 1.25rem/1 VAG Rounded, sans-serif;
	text-transform: uppercase;
	margin: 3.75rem 0 0
}

@media(max-width:50em) {
	.prelaunch .footer {
		margin: 2.75rem 0 1rem
	}
}

.prelaunch .footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.prelaunch .footer li {
	margin-right: 1.5rem
}

@media(max-width:50em) {
	.prelaunch .footer li {
		margin: 1rem 1.5rem 0 0
	}
}

.prelaunch .footer li:last-child {
	margin-left: auto;
	margin-right: 0
}

@media(max-width:50em) {
	.prelaunch .footer li:last-child {
		margin: 1rem 0 0
	}
}

.header--wrap {
	height: 80px;
	height: 5rem
}

@media (max-width:64em) {
	.header--wrap {
		height: 3.75rem
	}
}

.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	height: 5rem;
	background: #0085ca;
	color: #fff;
	font-weight: 700;
	z-index: 10;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

@media (max-width:64em) {
	.header {
		height: 3.75rem
	}
}

.header .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto
}

@media (max-width:64em) {
	.header .container {
		width: 100vw;
		height: 3.75rem;
		padding: 0 1rem;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0
	}
}

.header--pin {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.header--unpin {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.header--light {
	height: 60px;
	height: 3.75rem;
	background: #fff;
	color: #0085ca
}

.header--light .container>.header--mobile-toggle g {
	stroke: #0085ca
}

.header--logo,
.header--nav-right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11vw;
	flex: 0 0 11vw
}

.header--logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 0;
	height: 80px;
	height: 5rem
}

.header--logo path {
	fill: #fff
}

.header--logo svg {
	width: 100%
}

@media (max-width:64em) {
	.header--logo {
		display: inline-block;
		height: auto;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 15rem;
		flex: 0 0 15rem
	}
}

.header--mobile-toggle {
	display: none
}

.header--mobile-toggle g {
	stroke: #fff
}

@media (max-width:64em) {
	.header--mobile-toggle {
		display: inline-block;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		text-align: right
	}
}

.header--light .header--logo path {
	fill: #0085ca
}

.header--nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	height: 5rem;
	text-align: center
}

@media (max-width:64em) {
	.header--nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #0085ca;
		color: #fff;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease
	}
}

.header--nav.is-visible {
	opacity: 1;
	pointer-events: all
}

.header--nav ul {
	width: 100%;
	margin: 0 auto;
	padding: 0 10%
}

@media (max-width:64em) {
	.header--nav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.header--nav li {
	display: inline-block;
	margin-right: 5%
}

@media (max-width:64em) {
	.header--nav li {
		margin-right: 0;
		padding: .5rem 0;
		font-size: 2.25rem
	}
}

.header--nav li:last-child {
	margin-right: 0
}

.header--nav .header--mobile-toggle {
	position: absolute;
	top: calc(1rem + 1px);
	right: 16px;
	right: 1rem;
	width: 50%
}

.header--nav-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	top: 0;
	right: 0;
	height: 80px;
	height: 5rem
}

@media (max-width:64em) {
	.header--nav-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		font-size: 2.25rem
	}
}

.header--store {
	width: auto;
	height: 45px;
	height: 2.8125rem;
	line-height: 36px;
	line-height: 2.25rem;
	width: 192px;
	width: 12rem;
	margin-left: 2.8125rem
}

@media (max-width:64em) {
	.header--store {
		width: auto;
		padding: 1rem 4rem 1.25rem;
		height: auto;
		margin: 2rem 0 0;
		line-height: 1.5rem
	}
}

.celebrate {
	margin: 6.25rem auto 6.875rem;
	width: 100%;
	overflow: hidden
}

@media (max-width:50em) {
	.celebrate {
		margin-top: 4rem
	}
}

.celebrate .container {
	display: grid;
	grid-template-columns: 2.3fr 3fr;
	max-width: 1360px;
	margin: 0 auto;
	gap: 147.2px;
	gap: 9.2rem
}

@media (max-width:50em) {
	.celebrate .container {
		grid-template-columns: 1fr
	}
}

.celebrate h2 {
	margin-top: 6.25rem;
	color: #0085ca;
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:1120px) {
	.celebrate h2 {
		font-size: 6.785vw
	}
}

@media (max-width:50em) {
	.celebrate h2 {
		font-size: 2.5rem;
		margin-top: 0
	}
}

.celebrate h2 span {
	color: #e4002b
}

.celebrate--body {
	margin: 1.5rem 0 3rem;
	color: #181818;
	line-height: 2
}

.celebrate--kitty img {
	display: block;
	width: 100%
}

.celebrate--kitty svg {
	margin: 2.6875rem 0 0
}

.ticketing {
	position: relative;
	background: #e4002b;
	color: #fff;
	text-align: center;
	padding: 11.625rem 0 6.875rem
}

@media (max-width:50em) {
	.ticketing {
		text-align: left;
		padding: 3rem 0 6.5rem
	}
}

.ticketing .container {
	position: relative;
	margin: 0 auto;
	max-width: 1360px
}

.ticketing h2,
.ticketing h3,
.ticketing h4 {
	color: #fff
}

.ticketing h2 {
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.ticketing h2 {
		font-size: 6.5rem
	}
}

.ticketing h3 {
	font-size: 16px;
	font-size: 1rem
}

.ticketing h4 {
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	margin: 2rem 0
}

@media (max-width:50em) {
	.ticketing h4 {
		margin: 1rem 0
	}
}

.ticketing--plane {
	position: absolute;
	top: 174px;
	top: 10.875rem;
	right: 0;
	-webkit-transform: translate(-15%);
	transform: translate(-15%);
	width: 250px
}

@media (max-width:50em) {
	.ticketing--plane {
		top: 3rem
	}
}

.ticketing--types {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 3.44rem;
	max-width: 1280px;
	margin: 5.2rem auto
}

@media (max-width:50em) {
	.ticketing--types {
		display: block;
		width: calc(100% + 2rem);
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		margin: 1.68rem 0 1.68rem -1rem;
		padding-right: 1rem
	}
}

.ticketing--type {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 2px solid #fff;
	padding: 2.25rem
}

@media (max-width:50em) {
	.ticketing--type {
		text-align: center;
		width: calc(100% - 2rem);
		max-width: 500px;
		padding: 2rem 1rem;
		margin-left: 1rem
	}
}

.ticketing--type ul {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin: 0 0 3.375rem
}

.ticketing--type li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik00LjUgOC4yNWwzIDIuMjUgMi4yNS02Ii8+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiLz48L2c+PC9zdmc+);
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	margin-right: .625rem
}

.ticketing--link {
	background: #0085ca;
	width: 100%
}

.ticketing--contact {
	font: 22px/1 Frankfurter Plain, sans-serif;
	font: 1.375rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.ticketing--contact {
		font: 1rem/1.5 VAG Rounded, sans-serif;
		text-transform: none
	}
}

.ticketing--contact a {
	padding-bottom: 3px;
	border-bottom: 2px solid #fff
}

@media (max-width:50em) {
	.ticketing--contact a {
		padding-bottom: 1px
	}
}

.history header {
	width: 100%;
	height: 21.5vw;
	overflow: hidden;
	background: #e4002b
}

.history h2 {
	color: #e4002b;
	-webkit-text-stroke: 5px #fff;
	-moz-text-stroke: 5px #fff;
	text-stroke: 5px #fff;
	font-family: Frankfurter Plain, sans-serif;
	font-size: 28.25vw;
	letter-spacing: -5px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 0 -7vw
}

.history .container {
	margin: -6.5vw auto 0;
	max-width: 1360px
}

.history--video {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 12.875rem;
	padding-bottom: 56.25%
}

.history--video iframe {
	position: absolute;
	top: 0;
	left: 0
}


	left: 0
}

.history--timeline-wrap {
	position: relative
}

.history--timeline {
	position: relative;
	margin-bottom: 5rem
}

.history--timeline-20 {
	margin-bottom: -15rem
}

.history--timeline-20 .history--timeline-list {
	padding-bottom: 15rem
}

.history--item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 6rem;
	min-height: 216px;
	min-height: 13.5rem
}

.history--item:not(:last-child):after {
	content: "";
	position: absolute;
	bottom: -16px;
	bottom: -1rem;
	right: 0;
	display: block;
	font-size: 13vw;
	width: calc(100% - 2.5ch);
	height: 1px;
	background: #2d2926;
	opacity: .1
}

@media (max-width:50em) {
	.history--item {
		display: block
	}
}

.history--year-outer {
	position: absolute;
	left: 16px;
	left: 1rem;
	top: 0;
	bottom: 0
}

@media (max-width:50em) {
	.history--year-outer {
		left: 0
	}
}

.history--year {
	width: 15vw;
	text-align: left;
	margin: 0 0 0 2ch;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15vw;
	flex: 0 0 15vw;
	color: #e5f2f9;
	-webkit-text-stroke: 4px #0085ca;
	-moz-text-stroke: 4px #0085ca;
	text-stroke: 4px #0085ca;
	font-size: 13vw;
	font-weight: 500;
	line-height: .7;
	vertical-align: top;
	letter-spacing: 3px
}

@media (max-width:50em) {
	.history--year {
		width: auto;
		margin: 0 0 1rem 27%;
		-webkit-text-stroke: 2px #0085ca;
		-moz-text-stroke: 2px #0085ca;
		text-stroke: 2px #0085ca;
		font-size: 20vw;
		padding-left: 0!important
	}
}

.history--year-century {
	position: -webkit-sticky;
	position: sticky;
	top: 50%;
	margin: 0;
	text-align: left
}

.history--info {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin-left: 25%;
	color: #262c4d;
	padding-bottom: 1rem
}

.history--info h3 {
	color: #0085ca;
	font-family: Frankfurter Plain, sans-serif;
	font-size: 2.5vw;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 1.625rem
}

@media (max-width:50em) {
	.history--info {
		margin-left: 27%
	}
	.history--info h3 {
		font-size: 1.625rem
	}
}

.history--image-outer {
	position: absolute;
	left: 23vw;
	top: 0;
	bottom: 0;
	width: 30vw;
	opacity: .7;
	z-index: -1
}

@media (max-width:50em) {
	.history--image-outer {
		left: 0;
		width: 50vw
	}
}

.history--image {
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	top: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	text-align: left
}

@media (max-width:50em) {
	.history--image {
		top: 25%;
		-webkit-transform: translateY(-40%);
		transform: translateY(-40%)
	}
}

.today {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #0085ca;
	width: 100%;
	min-height: 100vh;
	overflow: hidden
}

.today,
.today .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.today .container {
	max-width: 1360px;
	text-align: center
}

.today h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin: 2rem 0
}

@media (max-width:50em) {
	.today h2 {
		font-size: 3rem;
		margin: 1rem 0
	}
}

.today h3 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	color: #80d3ff
}

@media (max-width:50em) {
	.today h3 {
		font-size: 1.56rem
	}
}

.today--year {
	position: absolute;
	font-size: 62.5vw;
	line-height: 1;
	font-weight: 900;
	color: #fff;
	opacity: .1;
	z-index: 0
}

.today--video {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 5rem;
	padding-bottom: 56.25%
}

.today--video iframe {
	position: absolute;
	top: 0;
	left: 0
}


@media (max-width:50em) {
	.today--year {
		top: 0
	}
}

.today--body {
	margin: 0 auto 2rem;
	max-width: 1360px
}

.events {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.events .container {
	position: relative;
	max-width: 1360px;
	margin: 10rem auto
}

.events h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

@media (max-width:50em) {
	.events h2 {
		font-size: 2.5rem
	}
}

.events--accent-wrap {
	position: absolute;
	max-width: 1360px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.events--accent {
	position: absolute;
	top: 48px;
	top: 3rem;
	left: -48px;
	left: -3rem;
	width: 275px
}

.events--subhed {
	margin: 1rem 0 5.25rem
}

.events--wrap {
	display: grid;
	grid-template-columns: 66% 1fr;
	grid-gap: 9.5vw
}

@media (max-width:50em) {
	.events--wrap {
		grid-template-columns: 1fr
	}
}

.events--sponsor {
	background: #0074b0;
	padding: 1.69rem 2.8rem
}

.events--sponsor h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.events--sponsor h2 {
		font-size: 1.56rem
	}
}

.events--contact {
	background: transparent;
	height: 45px;
	line-height: 38px;
	width: auto;
	margin: 2.9rem 0 0;
	padding: 0 2.19rem
}

.events--event {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	padding: 1rem 0;
	margin: 1rem 0;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

@media (max-width:50em) {
	.events--event {
		display: grid;
		grid-template-columns: 70px 1fr;
		grid-gap: 1rem
	}
}

.events--event:last-child {
	border-bottom: 0
}

.events--event h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

.event--date {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px
}

.event--details {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding: 0 2.8125rem
}

@media (max-width:50em) {
	.event--details {
		padding: 0 0 0 1rem
	}
}

.event--day,
.event--month {
	display: block;
	text-align: center
}

.event--day {
	font: 50px/.75 Frankfurter Plain, sans-serif;
	font: 3.125rem/.75 Frankfurter Plain, sans-serif
}

.event--link {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 165px;
	flex: 0 0 165px;
	height: 50px;
	line-height: 42px;
	padding: 0 1.875rem
}

@media (max-width:50em) {
	.event--link {
		grid-column: 1/3;
		width: 100%
	}
}

.partners {
	position: relative;
	background: #e4002b;
	color: #fff;
	width: 100%
}

.partners .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1360px;
	padding-top: 6.875rem;
	padding-bottom: 5rem;
	margin: 0 auto
}

.partners header {
	width: 100%;
	text-align: center
}

@media (max-width:50em) {
	.partners header {
		text-align: left
	}
}

.partners h2 {
	position: relative;
	font: 110px/1 Frankfurter Plain, sans-serif;
	font: 6.875rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.partners h2 {
		font-size: 2.5rem
	}
}

.partners--list-off .container {
	margin-bottom: -3rem
}

.partners--bow {
	position: absolute;
	top: 110px;
	top: 6.875rem;
	left: 0;
	-webkit-transform: translate(-15%, -40%);
	transform: translate(-15%, -40%);
	width: 250px
}

.partners--body {
	margin: 1.5rem auto
}

.partner--list {
	margin-bottom: 6.875rem;
	text-align: center
}

.partners--partner {
	display: inline-block
}

.partners--partner img {
	height: 68px;
	height: 4.25rem;
	margin-bottom: 1rem
}

.collabs {
	background: #e4002b;
	color: #fff;
	width: 100%;
	overflow: hidden
}

@media (max-width:50em) {
	.collabs {
		text-align: left;
		padding: 3rem 0 6.5rem
	}
}

.collabs .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1360px;
	margin: 6.875rem auto
}

@media (max-width:50em) {
	.collabs .container {
		display: block;
		width: 100%;
		margin: 3rem 0 0;
		padding: 0 1rem 0 0;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		text-align: left
	}
}

.collab--list {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 1.65rem);
	flex: 0 0 calc(50% - 1.65rem)
}

@media (max-width:50em) {
	.collab--list {
		display: inline-block
	}
}

.collab--list-right {
	margin-left: 3.3rem
}

@media (max-width:50em) {
	.collab--list-right {
		margin-left: 0
	}
}

.collabs--collab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #fff;
	width: 100%;
	min-height: 480px;
	min-height: 30rem;
	margin-bottom: 3.3rem;
	padding: 3rem
}

@media (max-width:50em) {
	.collabs--collab {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		text-align: center;
		width: calc(100vw - 3rem);
		max-width: 500px;
		padding: 2rem 1rem;
		margin-left: 1rem;
		white-space: normal;
		text-align: left
	}
}

.collabs--collab h3 {
	font-size: 14px;
	font-size: .875rem;
	margin-bottom: .625rem
}

.collabs--collab h2 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.collabs--collab h2 {
		font-size: 1.875rem
	}
}

.collab--details {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin: 1.5rem 0
}

@media (max-width:50em) {
	.collab--link {
		width: 100%
	}
}

.collab--image {
	width: calc(100% + 6rem);
	margin: -3rem -3rem 2rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15vw;
	flex: 0 0 15vw;
	background-size: cover;
	background-position: 50%
}

@media (max-width:50em) {
	.collab--image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10rem;
		flex: 0 0 10rem;
		margin: -2rem -1rem 2rem;
		width: calc(100% + 2rem)
	}
}

.press {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.press .container {
	position: relative;
	max-width: 1360px;
	margin: 3rem auto
}

.press h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

@media (max-width:35.5em) {
	.press h2 {
		font-size: 2.5rem
	}
}

.press--accent-wrap {
	position: absolute;
	max-width: 1360px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.press--accent {
	position: absolute;
	top: 48px;
	top: 3rem;
	right: -48px;
	right: -3rem;
	width: 275px
}

.press--subhed {
	margin: 1rem 0 2.69rem
}

.press--press-item {
	display: grid;
	grid-gap: 5rem;
	grid-template-columns: 1fr 2fr;
	padding: 1rem 0
}

@media (max-width:50em) {
	.press--press-item {
		grid-gap: 2rem
	}
}

@media (max-width:35.5em) {
	.press--press-item {
		grid-gap: 1rem;
		grid-template-columns: 1fr
	}
}

.press--press-item h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:35.5em) {
	.press--press-item h2 {
		font-size: 1.56rem
	}
}

.press-item--image {
	width: 100%;
	padding-bottom: 62.5%;
	background-size: cover;
	background-position: 50%
}

.press-item--summary {
	padding: 1.875rem 0
}

.press-item--read-more {
	font-weight: 700
}

.products {
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.products .container {
	max-width: 1360px;
	margin: 10rem auto 0
}

.products--header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:35.5em) {
	.products--header {
		display: block
	}
}

.products--header h2 {
	font: 72px/1 Frankfurter Plain, sans-serif;
	font: 4.5rem/1 Frankfurter Plain, sans-serif;
	margin: 0 0 2rem;
	text-transform: uppercase
}

@media (max-width:35.5em) {
	.products--header h2 {
		font-size: 2.5rem;
		margin: 0 0 1rem
	}
}

@media (max-width:35.5em) {
	.products--store-link {
		width: 90%;
		margin: 0 0 2rem
	}
}

.products--list {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1.5625rem
}

@media (max-width:50em) {
	.products--list {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:35.5em) {
	.products--list {
		grid-template-columns: 1fr
	}
}

.products--product--image {
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 412px;
	padding-bottom: 73.25%
}

.products--product--title {
	font: 22px/1 Frankfurter Plain, sans-serif;
	font: 1.375rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin: 1rem 0 .75rem
}

@media (max-width:35.5em) {
	.products--product--title {
		margin: .75rem 0 .5rem;
		font-size: 1.25rem
	}
}

.products--product--price {
	line-height: 1
}

.footer {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.footer .container {
	max-width: 1360px;
	margin: 6.875rem auto 6.25rem
}

.footer--subscribe {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 3.75rem;
	padding: 0 0 7.75rem;
	margin: 0 0 7.75rem;
	border-bottom: 1px solid #fff
}

@media (max-width:50em) {
	.footer--subscribe {
		grid-template-columns: 1fr;
		grid-gap: 2rem;
		padding: 0 0 3rem;
		margin: 0 0 3rem
	}
}

.footer--subscribe h2 {
	font: 50px/1 Frankfurter Plain, sans-serif;
	font: 3.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

@media (max-width:50em) {
	.footer--subscribe h2 {
		font-size: 2.5rem;
		text-align: center
	}
}

.subscribe--field {
	position: relative
}

.subscribe--email {
	width: 100%;
	height: 70px;
	background: #fff;
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 190px;
	font-weight: 300
}

@media(max-width:35.5em) {
	.subscribe--email {
		padding-right: 30px
	}
}

.subscribe--error {
	display: none;
	background: #fff;
	color: #e4002b;
	border-radius: 100px;
	padding: 1rem 2rem;
	margin: 1rem 0 0
}

.subscribe--submit {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 60px;
	background: #e4002b;
	border-radius: 100px;
	color: #fff;
	font-weight: 700;
	-webkit-transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	transition: width .4s cubic-bezier(.89, -.21, .25, .94);
	padding: 0 4.25rem
}

.subscribe--submit:focus,
.subscribe--submit:hover {
	background: #ff103c;
	outline: 0
}

.subscribe--submit:disabled {
	cursor: default
}

.subscribe--submit:disabled:hover {
	background: #e4002b
}

@media(max-width:35.5em) {
	.subscribe--submit {
		position: static;
		width: 100%;
		margin-top: .5rem;
		border: 4px solid #fff
	}
}

.footer--links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	margin: 2rem 0 0
}

@media (max-width:50em) {
	.footer--links {
		display: block;
		text-align: center
	}
}

.footer--links:first-child {
	margin: 0
}

.footer--links li {
	display: inline-block;
	vertical-align: middle
}

.footer--logo img {
	width: 140px
}

@media (max-width:50em) {
	.footer--logo {
		display: block;
		margin-bottom: 2rem
	}
	.footer--logo img {
		width: 95px
	}
}

@media (max-width:50em) {
	.footer--social {
		margin: 2rem 0 0
	}
}

.footer--social li {
	margin-left: 1.625rem;
	text-transform: uppercase
}

@media (max-width:50em) {
	.footer--social li {
		margin: 1rem .8125rem 0
	}
	.footer--social li:first-child {
		width: calc(100% - 1.625rem)
	}
}

.footer--social img {
	vertical-align: middle
}

.faqs .container {
	max-width: 784px;
	max-width: 49rem
}

.faqs--faq-item {
	padding: 1.875rem 0;
	border-bottom: 1px solid #0085ca
}

.faq-item--toggle {
	cursor: pointer
}

.faq-item--toggle h2 {
	position: relative;
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	color: #0085ca;
	padding-right: 5rem
}

.faq-item--toggle h2:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	border-right: 2px solid #0085ca;
	border-bottom: 2px solid #0085ca
}

.faq-item--body {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s ease;
	transition: max-height .4s ease
}

.faqs--faq-item.is-open .faq-item--body {
	max-height: 1000px
}

.faqs--faq-item.is-open .faq-item--toggle h2:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.faq-item--body-inner {
	margin: 1.5rem 0 0
}

.tour {
	position: relative;
	background: #0085ca;
	overflow: hidden;
	padding-bottom: 26.97vw;
	margin-bottom: 26.97vw
}

.tour:before {
	content: "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam " "Beijing New York Seoul Shanghai Paris London Amsterdam ";
	position: absolute;
	z-index: 0;
	top: -15%;
	left: -50%;
	right: -50%;
	bottom: 0;
	font: 12.5vw/.8 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	text-align: left;
	word-wrap: break-all;
	white-space: pre-wrap;
	opacity: .05;
	pointer-events: none
}

.tour:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 50%;
	background: -webkit-gradient(linear, left top, left bottom, from(#0085ca), to(rgba(0, 133, 202, 0)));
	background: linear-gradient(180deg, #0085ca, rgba(0, 133, 202, 0))
}

.tour .container {
	position: relative;
	text-align: center;
	z-index: 2;
	padding: 4rem 1rem 0
}

.tour h1 svg {
	width: 48.375vw;
	max-width: 675px
}

@media (max-width:50em) {
	.tour h1 svg {
		width: 100%
	}
}

@media (max-width:50em) {
	.tour--header-desktop {
		display: none
	}
}

.tour--header-mobile {
	display: none;
	margin: 0 auto
}

@media (max-width:50em) {
	.tour--header-mobile {
		display: block
	}
}

.tour--body,
.tour--form {
	margin: 2.4rem auto 0
}

.tour--body {
	width: 48.375vw;
	max-width: 675px
}

@media (max-width:50em) {
	.tour--body {
		width: 100%
	}
}

.tour--bow {
	position: absolute;
	left: 0;
	top: 64px;
	top: 4rem;
	max-width: 317px;
	width: 19.81vw
}

.tour--luggage {
	position: absolute;
	right: 6vw;
	top: 80px;
	top: 5rem;
	max-width: 207px;
	width: 12.94vw
}

@media (max-width:50em) {
	.tour--bow,
	.tour--luggage {
		display: none
	}
}

.tour--form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 5rem
}

@media (max-width:50em) {
	.tour--form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.tour--label {
	text-align: left;
	margin-right: .625rem
}

@media (max-width:50em) {
	.tour--label {
		width: 100%;
		margin-right: 0
	}
}

.tour--label:last-child {
	margin-right: 0
}

.tour--label span {
	display: block;
	color: hsla(0, 0%, 100%, .6);
	font-weight: 300;
	line-height: 32px;
	line-height: 2rem;
	padding: 0 1.25rem
}

.tour--label select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 360px;
	width: 22.5rem;
	height: 64.959px;
	height: 4.06rem;
	background: #fff;
	-webkit-box-shadow: 0 15px 30px -5px rgba(24, 30, 66, .25);
	box-shadow: 0 15px 30px -5px rgba(24, 30, 66, .25);
	border-radius: 3px;
	padding: 1rem 1.25rem;
	color: #000
}

@media (max-width:50em) {
	.tour--label select {
		width: 100%
	}
}

.tour--label-arrive,
.tour--label-depart {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	margin-right: 0
}

.tour--label-depart .tour--label-field {
	border-radius: 0 3px 3px 0
}

.tour--date-field {
	width: 360px;
	width: 22.5rem
}

@media (max-width:50em) {
	.tour--date-field {
		margin: 1rem 0 0;
		width: 100%
	}
}

.tour--dates {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 64.959px;
	height: 4.06rem;
	background: #fff;
	-webkit-box-shadow: 0 15px 30px -5px rgba(24, 30, 66, .25);
	box-shadow: 0 15px 30px -5px rgba(24, 30, 66, .25);
	border-radius: 3px;
	color: #000;
	text-align: left
}

.tour--arrive,
.tour--dates {
	position: relative
}

.tour--arrive:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	height: 110%;
	width: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(45, 41, 38, .1)
}

.tour--arrive,
.tour--depart {
	display: inline-block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	padding-left: 1.25rem
}

.tour--book {
	margin: 2rem 0 0 1.81rem;
	width: auto;
	height: 64.959px;
	height: 4.06rem;
	padding: 0 3.75rem;
	line-height: 58.4px;
	line-height: 3.65rem
}

@media (max-width:50em) {
	.tour--book {
		width: 100%;
		margin-left: 0
	}
}

.tour--cards-wrap {
	margin-top: -60vw;
	margin-bottom: -5vw;
	padding-top: 12vw;
	padding-bottom: 5vw;
	width: 100%;
	overflow: hidden
}

.tour--cards {
	position: relative;
	left: 50%;
	max-width: 1600px;
	width: 100vw;
	white-space: nowrap;
	-webkit-transform: rotate(25deg) translateX(-45%) translateY(52%);
	transform: rotate(25deg) translateX(-45%) translateY(52%)
}

@media (max-width:50em) {
	.tour--cards {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 0 1rem;
		left: 0
	}
}

.tour--card-vertical {
	display: inline-block;
	margin: 0 1.5625rem 0 0;
	max-width: 295px;
	width: calc(20% - 1.25rem);
	vertical-align: top
}

@media (max-width:50em) {
	.tour--card-vertical {
		-webkit-transform: translateY(0)!important;
		transform: translateY(0)!important;
		max-width: none;
		width: auto;
		margin-right: 1rem
	}
}

.tour--card-vertical img {
	display: block;
	width: 100%;
	margin-bottom: 10%
}

@media (max-width:50em) {
	.tour--card-vertical img {
		display: inline-block;
		width: 40vw;
		margin-bottom: 0
	}
	.tour--card-vertical img:first-child {
		margin-right: 1rem
	}
}

@media (max-width:35.5em) {
	.tour--card-vertical img {
		width: 80vw
	}
}

.tour--card-vertical:last-child {
	margin-right: 0
}

@media (max-width:50em) {
	.tour--card-image {
		width: 40vw
	}
}

@media (max-width:35.5em) {
	.tour--card-image {
		width: 80vw
	}
}

.social {
	background: #0085ca;
	width: 100%;
	overflow: hidden
}

.social .container {
	position: relative;
	max-width: 1360px;
	margin: 10rem auto
}

@media (max-width:35.5em) {
	.social .container {
		margin: 3rem auto
	}
}

.social--header {
	margin: 0 0 3.75rem
}

.social--header h2 {
	font: 72px/1 Frankfurter Plain, sans-serif;
	font: 4.5rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

.social--header h2 span {
	font-family: VAG Rounded, sans-serif;
	font-weight: 900
}

@media (max-width:35.5em) {
	.social--header h2 {
		font-size: 1.8rem;
		margin: 0 0 1rem
	}
}

.social--tintup {
	width: calc(100% + 120px);
	height: 400px;
	overflow: hidden;
	margin-left: -60px
}

@media (max-width:50em) {
	.social--tintup {
		height: 250px
	}
}

.downloads {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.downloads .container {
	position: relative;
	max-width: 1360px;
	margin: 10rem auto
}

.downloads h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

@media (max-width:50em) {
	.downloads h2 {
		font-size: 2.5rem
	}
}

.downloads--subhed {
	margin: 1rem 0 5.25rem
}

.downloads--wrap {
	display: grid;
	grid-template-columns: 66% 1fr;
	grid-gap: 9.5vw
}

@media (max-width:50em) {
	.downloads--wrap {
		grid-template-columns: 1fr
	}
}

.downloads--download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	padding: 1rem 0;
	margin: 1rem 0;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.downloads--download:last-child {
	border-bottom: 0
}

.downloads--download h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase
}

.download--details {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding: 0 2.8125rem 0 0
}

@media (max-width:50em) {
	.download--details {
		padding: 0
	}
}

.download--link {
	border-bottom: 1px solid #dfe6ee;
	padding-bottom: 3px
}

.charities {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #0085ca;
	color: #fff;
	width: 100%;
	overflow: hidden
}

.charities .container {
	position: relative;
	max-width: 1360px;
	margin: 10rem auto
}

.charities h2 {
	font: 76px/1 Frankfurter Plain, sans-serif;
	font: 4.75rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1rem
}

@media (max-width:50em) {
	.charities h2 {
		font-size: 2.5rem
	}
}

.charities--subhed {
	margin: 1rem 0 5.25rem
}

.charities--list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1rem
}

@media (max-width:50em) {
	.charities--list {
		grid-template-columns: 1fr
	}
}

.charities--charity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700
}

.charities--charity h2 {
	font: 34px/1 Frankfurter Plain, sans-serif;
	font: 2.125rem/1 Frankfurter Plain, sans-serif;
	text-transform: uppercase;
	margin-top: .5rem
}

.charity--image {
	width: 100%;
	padding-bottom: 56.25%;
	background-size: cover;
	background-position: 50%;
	background-color: rgba(0, 0, 0, .1)
}

.charity-link {
	text-decoration: none
}