body {
	background-color: #1a1a1a;
	font-family:Century Gothic,Avant Garde,helvetica,arial,verdana,sans-serif;
	font-size: 62.5%;
	color: #000;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-text-size-adjust: none;
}
#page {
	position: relative;
	padding: 240px 1rem 0 1rem;
	background-color: #1a1a1a;
}
#wrapper {
	position:relative;
	max-width: 1200px;
	margin: 1rem auto;
	line-height: 1.5em;
	font-variant: small-caps;
}
header a {
	color: #dcd2c8;
	text-decoration:none;
}
header a:hover,
header #header nav ul li.current-menu-item a {
	color: #fff;
}
header #header nav {
	width: 100%;
	font-size: 1rem;
	
}
header #header nav ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
header #header nav ul li {
	display: inline;
}
header #header nav ul li a {
	line-height: 80px;
	display:inline-block;
	margin: 0;
}
header {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding: 0 0 240px 0;
	z-index: 999;
	overflow: visible;
}
header.scrolled {
    padding: 0 0 120px 0;
}
#header {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 0;
    padding: 0 0 240px 0;
    display:block;
}
#header.scrolled {
    padding: 0 0 120px 0;
}
#headerone {
	position: relative;
    margin: 0 auto;
	transition: top 1s;
	top: 0;
	background-color: #1a1a1a;
	box-shadow: 0px 0px 10px rgba(0,0,0,0);
	transition: box-shadow 1s, top 1s;
}
#headerone.scrolled {
	top: -120px;
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
#headerone h1 {
	position: relative;
	margin: 0 auto;
	text-indent: -9999em;
    width: 100%;
    height: 0;
	overflow: hidden;
	background: url(/src/images/pixelgum-header.png) no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 240px;
	max-width: 640px;
}

#headerone h1::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background-color 1s;
}
#headerone h1::after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%;
	height: 100%;
	background: url(/src/images/pixelgum-logo.png) no-repeat center bottom;
	background-size: 100% auto;
	background-color: rgba(26,26,26,0);
	transition: width 1s, top 1s, left 1s;
	background-color: rgba(26,26,26,0);
}
#headerone.scrolled h1::before {
	background-color: rgba(26,26,26,1);
}
#headerone.scrolled h1::after {
	width: 100%;
	top: 33%;
	left: 0%;
}
#saving-gaming {
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 0 auto 2rem auto;
}
#saving-gaming a {
	display: block;
	width: 100%;
	height: 0;
	padding: 33% 0 0 0;
	background: url(/src/images/graphic-saving-gaming-color.svg) no-repeat center center;
	background-size: 100% auto;
	text-indent: -9999em;
	overflow: hidden;
}
#thank-you {
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 0 auto 2rem auto;
}
#thank-you a {
	display: block;
	width: 100%;
	height: 0;
	padding: 33% 0 0 0;
	background: url(/src/images/graphic-thank-you-color.svg) no-repeat center center;
	background-size: 100% auto;
	text-indent: -9999em;
	overflow: hidden;
}
body div.setcookies {
	display: none;
	width: 100%;
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ff009a;
	font-size: 1.2rem;
	line-height: 1.6em;
	z-index: 999;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
body div.setcookies form {
	align-items: center;
	color: #fff;
	border: 0;
	padding: 0;
}
body div.setcookies form div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	max-width: 708px;
	padding: 1rem;
	margin: 0 auto;
	border: 0;
}
body div.setcookies form div span {
	display: block;
}
body div.setcookies form div span.btn {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	flex-flow: row wrap;
}
body div.setcookies form div span.btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5em;
	min-width: 5em;
	max-width: 5em;
	margin: 0 0 0.5rem 1rem;
	border-radius:0.25rem;
	text-align: center;
	color:#00b4ff;
	background-color: #fff;
	font-weight: bold;
	text-decoration: none;
}
body div.setcookies form div span.btn a em {
	font-style: normal;
	display:block;
	text-align: center;
}
body div.setcookies form div span.btn button {
	display:block;
	border-radius:0.25rem;
	border: none;
	background-color: #00b4ff;
	color:#FFF;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.2rem;
	width: 5em;
	min-width: 5em;
	max-width: 5em;
	padding: 0;
	margin: 0 0 0 1rem;
}
body.cookieEnabled div.setcookies {
	display:block;
	width: 0%;
	animation-name: cookie-overlay;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 5s;
	overflow:hidden;
}
@keyframes cookie-overlay {
	0% {opacity: 0;width: 0%;}
	1% {opacity: 0;width: 100%;}
	100% {opacity: 1;width: 100%;}
}
#pgiintro {
	display: flex;
	position:fixed;
	align-items: center;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color:#FFF;
	z-index: 99999;
	animation-name: intro-overlay;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 2700ms;
	overflow:hidden;
}
#pgiintro.home {
	animation-delay: 4700ms !important;
}
@keyframes intro-overlay {
	0% {opacity: 1;height: 100vh;}
	99% {opacity: 0;height: 100vh;}
	100% {opacity: 0;height: 0vh;}
}
#pgiintro div {
	position: relative;
	display:block;
	width: 100vw;
	height: 0;
	overflow:hidden;
	padding: 50% 0 0 0;
}
#pgiintro div::after {
	content: ' ';
	position: absolute;
	display:block;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	overflow:hidden;
	background-image: url(/src/images/pgindex-logo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	animation-name: intro-logo;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 1700ms;
	opacity: 0;
}
#pgiintro.home div::after {
	animation-delay: 3700ms !important;
}
#pgiintro.home div span {
  position:absolute;
  top: 50%;
  left:50%;
  color: #CCC;
  width: 1rem;
  height: 0;
  font-size: 1rem;
  padding: 0 0 1rem 0;
  animation: loader 2.6s 1 linear;
  border-radius: 50%;
  margin-left: -0.5rem;
}
@keyframes loader {
  
  0% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  6.25% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  12.5% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  18.75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  31.25% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  43.75% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
  50% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  56.25% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  68.75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  81.25% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  87.5% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  93.75% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
  100% {
    box-shadow: 0 -3em 0 0.2em #FFF, 2em -2em 0 0em #FFF, 3em 0 0 -1em #FFF, 2em 2em 0 -1em #FFF, 0 3em 0 -1em #FFF, -2em 2em 0 -1em #FFF, -3em 0 0 -1em #FFF, -2em -2em 0 0 #FFF;
  }
}

@keyframes intro-logo {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
#pgiintro em {
	transform: scale(0);
	display:block;
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 13.2%;
	height: 0;
	padding-top:13.2%;
	overflow:hidden;
	animation-name: intro-icon;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	float:left;
}
@keyframes intro-icon {
	0% {transform: scale(0);}
	75% {transform: scale(1.05);}
	100% {transform: scale(1);}
}
#pgiintro em {
	animation-delay: 633ms;
	background-image: url(/src/images/pgindex1.svg);
	top: 20.3%;
	left: -6.1%;
}
#pgiintro em:nth-child(2) {
	animation-delay: 667ms;
	background-image: url(/src/images/pgindex2.svg);
	top: 3.8%;
	left: 2.15%;
	opacity:0.5;
}
#pgiintro em:nth-child(3) {
	animation-delay: 700ms;
	background-image: url(/src/images/pgindex3.svg);
	top: 53.3%;
	left: -6.1%;
}
#pgiintro em:nth-child(4) {
	animation-delay: 733ms;
	background-image: url(/src/images/pgindex4.svg);
	top: 36.58%;
	left: 2.15%;
}
#pgiintro em:nth-child(5) {
	animation-delay: 767ms;
	background-image: url(/src/images/pgindex5.svg);
	top: 20.3%;
	left: 10.4%;
}
#pgiintro em:nth-child(6) {
	animation-delay: 800ms;
	background-image: url(/src/images/pgindex6.svg);
	top: 3.8%;
	left: 18.65%;
	opacity:0.5;
}
#pgiintro em:nth-child(7) {
	animation-delay: 833ms;
	background-image: url(/src/images/pgindex7.svg);
	top: 69.8%;
	left: 2.15%;
	opacity:0.5;
}
#pgiintro em:nth-child(8) {
	animation-delay: 867ms;
	background-image: url(/src/images/pgindex8.svg);
	top: 53.3%;
	left: 10.4%;
}
#pgiintro em:nth-child(9) {
	animation-delay: 900ms;
	background-image: url(/src/images/pgindex9.svg);
	top: 36.58%;
	left: 18.65%;
}
#pgiintro em:nth-child(10) {
	animation-delay: 933ms;
	background-image: url(/src/images/pgindex10.svg);
	top: 20.3%;
	left: 26.9%;
}
#pgiintro em:nth-child(11) {
	animation-delay: 967ms;
	background-image: url(/src/images/pgindex11.svg);
	top: 3.8%;
	left: 35.15%;
	opacity:0.5;
}
#pgiintro em:nth-child(12) {
	animation-delay: 1000ms;
	background-image: url(/src/images/pgindex12.svg);
	top: 69.8%;
	left: 18.65%;
	opacity:0.5;
}
#pgiintro em:nth-child(13) {
	animation-delay: 1033ms;
	background-image: url(/src/images/pgindex13.svg);
	top: 53.3%;
	left: 26.9%;
}
#pgiintro em:nth-child(14) {
	animation-delay: 1067ms;
	background-image: url(/src/images/pgindex14.svg);
	top: 36.58%;
	left: 35.15%;
}
#pgiintro em:nth-child(15) {
	animation-delay: 1100ms;
	background-image: url(/src/images/pgindex15.svg);
	top: 20.3%;
	left: 43.4%;
}
#pgiintro em:nth-child(16) {
	animation-delay: 1133ms;
	background-image: url(/src/images/pgindex16.svg);
	top: 3.8%;
	left: 51.65%;
	opacity:0.5;
}
#pgiintro em:nth-child(17) {
	animation-delay: 1167ms;
	background-image: url(/src/images/pgindex17.svg);
	top: 69.8%;
	left: 35.15%;
	opacity:0.5;
}
#pgiintro em:nth-child(18) {
	animation-delay: 1200ms;
	background-image: url(/src/images/pgindex18.svg);
	top: 53.3%;
	left: 43.4%;
}
#pgiintro em:nth-child(19) {
	animation-delay: 1233ms;
	background-image: url(/src/images/pgindex19.svg);
	top: 36.58%;
	left: 51.65%;
}
#pgiintro em:nth-child(20) {
	animation-delay: 1267ms;
	background-image: url(/src/images/pgindex20.svg);
	top: 20.3%;
	left: 59.9%;
}
#pgiintro em:nth-child(21) {
	animation-delay: 1300ms;
	background-image: url(/src/images/pgindex21.svg);
	top: 3.8%;
	left: 68.15%;
	opacity:0.5;
}
#pgiintro em:nth-child(22) {
	animation-delay: 1333ms;
	background-image: url(/src/images/pgindex22.svg);
	top: 69.8%;
	left: 51.65%;
	opacity:0.5;
}
#pgiintro em:nth-child(23) {
	animation-delay: 1367ms;
	background-image: url(/src/images/pgindex23.svg);
	top: 53.3%;
	left: 59.9%;
	
}
#pgiintro em:nth-child(24) {
	animation-delay: 1400ms;
	background-image: url(/src/images/pgindex24.svg);
	top: 36.58%;
	left: 68.15%;
}
#pgiintro em:nth-child(25) {
	animation-delay: 1433ms;
	background-image: url(/src/images/pgindex25.svg);
	top: 20.3%;
	left: 76.4%;
}
#pgiintro em:nth-child(26) {
	animation-delay: 1467ms;
	background-image: url(/src/images/pgindex26.svg);
	top: 3.8%;
	left: 84.65%;
	opacity:0.5;
}
#pgiintro em:nth-child(27) {
	animation-delay: 1500ms;
	background-image: url(/src/images/pgindex27.svg);
	top: 69.8%;
	left: 68.15%;
	opacity:0.5;
}
#pgiintro em:nth-child(28) {
	animation-delay: 1533ms;
	background-image: url(/src/images/pgindex28.svg);
	top: 53.3%;
	left: 76.4%;
}
#pgiintro em:nth-child(29) {
	animation-delay: 1567ms;
	background-image: url(/src/images/pgindex29.svg);
	top: 36.58%;
	left: 84.65%;
}
#pgiintro em:nth-child(30) {
	animation-delay: 1600ms;
	background-image: url(/src/images/pgindex30.svg);
	top: 20.3%;
	left: 92.9%;
}
#pgiintro em:nth-child(31) {
	animation-delay: 1633ms;
	background-image: url(/src/images/pgindex31.svg);
	top: 69.8%;
	left: 84.65%;
	opacity:0.5;
}
#pgiintro em:nth-child(32) {
	animation-delay: 1667ms;
	background-image: url(/src/images/pgindex32.svg);
	top: 53.3%;
	left: 92.9%;
}
#pgiintro.home em {
	animation-delay: 2633ms !important;
}
#pgiintro.home em:nth-child(2) {
	animation-delay: 2667ms !important;
}
#pgiintro.home em:nth-child(3) {
	animation-delay: 2700ms !important;
}
#pgiintro.home em:nth-child(4) {
	animation-delay: 2733ms !important;
}
#pgiintro.home em:nth-child(5) {
	animation-delay: 2767ms !important;
}
#pgiintro.home em:nth-child(6) {
	animation-delay: 2800ms !important;
}
#pgiintro.home em:nth-child(7) {
	animation-delay: 2833ms !important;
}
#pgiintro.home em:nth-child(8) {
	animation-delay: 2867ms !important;
}
#pgiintro.home em:nth-child(9) {
	animation-delay: 2900ms !important;
}
#pgiintro.home em:nth-child(10) {
	animation-delay: 2933ms !important;
}
#pgiintro.home em:nth-child(11) {
	animation-delay: 2967ms !important;
}
#pgiintro.home em:nth-child(12) {
	animation-delay: 3000ms !important;
}
#pgiintro.home em:nth-child(13) {
	animation-delay: 3033ms !important;
}
#pgiintro.home em:nth-child(14) {
	animation-delay: 3067ms !important;
}
#pgiintro.home em:nth-child(15) {
	animation-delay: 3100ms !important;
}
#pgiintro.home em:nth-child(16) {
	animation-delay: 3133ms !important;
}
#pgiintro.home em:nth-child(17) {
	animation-delay: 3167ms !important;
}
#pgiintro.home em:nth-child(18) {
	animation-delay: 3200ms !important;
}
#pgiintro.home em:nth-child(19) {
	animation-delay: 3233ms !important;
}
#pgiintro.home em:nth-child(20) {
	animation-delay: 3267ms !important;
}
#pgiintro.home em:nth-child(21) {
	animation-delay: 3300ms !important;
}
#pgiintro.home em:nth-child(22) {
	animation-delay: 3333ms !important;
}
#pgiintro.home em:nth-child(23) {
	animation-delay: 3367ms !important;
}
#pgiintro.home em:nth-child(24) {
	animation-delay: 3400ms !important;
}
#pgiintro.home em:nth-child(25) {
	animation-delay: 3433ms !important;
}
#pgiintro.home em:nth-child(26) {
	animation-delay: 3467ms !important;
}
#pgiintro.home em:nth-child(27) {
	animation-delay: 3500ms !important;
}
#pgiintro.home em:nth-child(28) {
	animation-delay: 3533ms !important;
}
#pgiintro.home em:nth-child(29) {
	animation-delay: 3567ms !important;
}
#pgiintro.home em:nth-child(30) {
	animation-delay: 3600ms !important;
}
#pgiintro.home em:nth-child(31) {
	animation-delay: 3633ms !important;
}
#pgiintro.home em:nth-child(32) {
	animation-delay: 3667ms !important;
}
#schedule-title {
	font-size: 3rem;
	line-height: 1em;
	margin: 0;
	padding: 0 0 0.5em 0;
	color:#FFF;
	text-align:center;
}
#schedule-title strong {
	font-weight: normal;
}
#events-title {
	font-size: 3rem;
	line-height: 1em;
	margin: 0;
	padding: 1rem 0 1rem 0;
	color:#FFF;
	text-align:center;
	order: 100;
}
#events-title strong {
	font-weight: normal;
}
#schedule-events {
	display: flex;
	flex-flow: column nowrap;
	order: 1;
}
#section-one,
#section-two {
	text-align:center;
	line-height: 1em;
	color:#FFF;
	margin: 0 0 1rem 0;
	text-transform:lowercase;
}

#section-one div span,
#section-two div span,
#section-one div a,
#section-two div a {
	display:block;
	padding: 5%;
	background-color: rgba(0,0,0,0);
	border: 5px solid rgba(255,255,255,0.5);
	border-radius: 1rem;
	text-decoration: none;
	color: #FFF;
}
#section-one strong,
#section-two strong {
	font-weight: normal;
	display: block;
	font-size: 1.5em;
	line-height: 1em;
	padding: 0.5em 0 0.25em 0;
	text-transform:uppercase;
}
@keyframes live-game {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.5);}
	100% {background-color: rgba(255,255,255,1);}
}
#section-one livegame {
	display:block;
	width: 60%;
	height: 0;
	overflow: hidden;
	padding-bottom: 34%;
	margin: 0.5rem 20% 0.2rem 20%;
	background-color: rgba(255,255,255,1);
	border-radius: 0.5rem;
	background-image: url(/src/images/logo-setup.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	text-indent: -9999em;
	animation-name: live-game;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
#section-one em,
#section-two em {
	font-size: 2.8em;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	display:block;
	font-style: normal;
}
@keyframes live-alert {
	0% {opacity: 1;}
	50% {opacity: 0.5;}
	100% {opacity: 1;}
}
#section-one a.live livenow::before,
#section-two a.live livenow::before {
	content: " ";
	width: 1em;
	height: 1em;
	display:inline-block;
	background: url(/src/images/circle.svg) no-repeat left bottom;
	background-size: 75% auto;
	animation-name: live-alert;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
#section-one em b,
#section-two em b {
	color: #F00;
	display: block;
	float:left;
	line-height:0.3em;
	font-size: 2em;
}
#section-one a.live livenow,
#section-two a.live livenow {
	display:block;
	text-transform:uppercase;
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	display:block;
}
@keyframes live-now {
	0% {border-color: rgba(255,255,255,1); color: rgba(255,255,255,1);}
	50% {border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.75);}
	100% {border-color: rgba(255,255,255,1); color: rgba(255,255,255,1);}
}
#section-one a.live,
#section-two a.live {
	animation-name: live-now;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.notice {
	clear: both;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
}
.message {
	clear: both;
	font-size: 2rem;
	line-height: 1.5em;
	text-align:center;
	color:#FFF;
}
#footer {
	clear: both;
	font-size: 1rem;
	line-height: 3em;
	text-align:center;
	color:#FFF;
}
#schedule {
	clear:both;
	overflow:hidden;
	order: 50;
}

#schedule .game {
	position: relative;
	text-align:center;
	color: #FFF;
	font-size: 1rem;
	line-height: 1em;
	margin: 1rem 0 1rem 0;
	overflow:hidden;
}
@keyframes game-a {
	0% {border-color: rgba(255,255,255,1);}
	50% {border-color: rgba(255,255,255,0.5);}
	100% {border-color: rgba(255,255,255,1);}
}
@keyframes event-a {
	0% {border-color: rgba(255,255,255,1);}
	50% {border-color: rgba(255,255,255,0.25);}
	100% {border-color: rgba(255,255,255,1);}
}
@keyframes event-bg {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(255,255,255,1);}
}
#schedule .game a {
	border: 5px solid rgba(255,255,255,0.5);
	border-radius: 1rem;
	display:block;
	color:#FFF;
	text-decoration:none;
	background-color: #ff009a;
}
#schedule .game.live a {
	border: 5px solid rgba(255,255,255,1);
	animation-name: game-a;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	background-color: rgba(0,0,0,0.5);
}
#schedule .game.live a::before {
	display:block;
	content: "LIVE NOW!";
	position: absolute;
	width: 6em;
	top: 1.8em;
	left: -2.4em;
	padding: 0.1em 2em;
	font-weight: bold;
	font-size: 0.75em;
	text-align:center;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background-color:#FFF;
	color:#000;
}
#schedule .game a::after {
	display:block;
	position: absolute;
	width: 6em;
	top: 1.8em;
	right: -2.4em;
	padding: 0.1em 2em;
	font-weight: bold;
	font-size: 0.75em;
	text-align:center;
	-ms-transform: rotate(45deg) perspective(0);
    -webkit-transform: rotate(45deg) perspective(0);
    transform: rotate(45deg) perspective(0);
	background-color:#d40080;
	color:#FFF;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
#schedule .game.live a::after {
	background-color:#00425e;
}
#schedule .game.demo a::after {
	content: "DEMO";
}
#schedule .game.alpha a::after {
	content: "ALPHA";
}
#schedule .game.beta a::after {
	content: "BETA";
}
#schedule .game.newgame a::after {
	content: "NEW GAME";
}
#schedule .game.free a::after {
	content: "FREE";
}
#schedule .game.sale a::after {
	content: "SALE";
}
#schedule .game.rescheduled a::after {
	content: "RESCHEDULED";
	font-size: 0.67em;
	width: 7.2em;
	top: 2.2em;
	right: -2.4em;
}
#schedule .game.cancelled a::after {
	content: "CANCELLED";
}
#schedule .game.rerun a::after {
	content: "RERUN";
}
#schedule .game.baby a::after,
#schedule .game.mature a::after,
#schedule .game.unwell a::after {
	line-height:1em;
	width: 4.5em;
	height:4.5em;
	overflow:hidden;
	padding: 0;
	content: " ";
	top: 0rem;
	right: 0rem;
	background-image: url(/src/images/emoji-thermometer.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	border-radius: 0 1rem 0 1.7rem;
	-ms-transform: rotate(0deg) perspective(0);
    -webkit-transform: rotate(0deg) perspective(0);
    transform: rotate(0deg) perspective(0);
}
#schedule .game.baby a::after {
	background-image: url(/src/images/emoji-baby.png);
	background-size: 88%;
}
#schedule .game.mature a::after {
	background-image: url(/src/images/emoji-18.png);
}
#schedule .game .title-logo {
	display:block;
	width: 90%;
	height: 0;
	overflow: hidden;
	margin: 5%;
	background-color: rgba(255,255,255,0.5);
	border-radius: 0.5rem;
	background-image: url(/src/images/logo-setup.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	height: 100%;
}
@keyframes logo-title {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.5);}
	100% {background-color: rgba(255,255,255,1);}
}
#schedule .game.live .title-logo {
	background-color: rgba(255,255,255,1);
	animation-name: logo-title;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.mariokart8deluxe {
	background-image: url(/src/images/logo-mk8d.png) !important;
}
.gtaonline {
	background-image: url(/src/images/logo-gta-online.png) !important;
}
.overwatch {
	background-image: url(/src/images/logo-overwatch.png) !important;
}
.overwatch2 {
	background-image: url(/src/images/logo-overwatch2.png) !important;
}
.splatoon {
	background-image: url(/src/images/logo-splatoon.png) !important;
}
.zelda {
	background-image: url(/src/images/logo-zelda-botw.png) !important;
}
.rocketleague {
	background-image: url(/src/images/logo-rocket-league.png) !important;
}
.splatoon2 {
	background-image: url(/src/images/logo-splatoon2.png) !important;
}
.splatoon2salmonrun {
	background-image: url(/src/images/logo-splatoon2salmonrun.png) !important;
}
.splatoon2splatfest {
	background-image: url(/src/images/logo-splatoon2splatfest.png) !important;
}
.splatoon2octoexpansion {
	background-image: url(/src/images/logo-splatoon2octoexpansion.png) !important;
}
.splatoon3 {
	background-image: url(/src/images/logo-splatoon3.png) !important;
}
.arms {
	background-image: url(/src/images/logo-arms.png) !important;
}
.sonicmania {
	background-image: url(/src/images/logo-sonicmania.png) !important;
}
.destiny2 {
	background-image: url(/src/images/logo-destiny2.png) !important;
}
.thesims4 {
	background-image: url(/src/images/logo-thesims4.png) !important;
}
.supermarioodyssey {
	background-image: url(/src/images/logo-supermarioodyssey.png) !important;
}
.supermario3dworld {
	background-image: url(/src/images/logo-supermario3dworld.png) !important;
}
.fortnite,
.fortnitebattleroyale {
	background-image: url(/src/images/logo-fortnitebattleroyale.png) !important;
}
.wipeoutomegacollection {
	background-image: url(/src/images/logo-wipeoutcollection.png) !important;
}
.puyopuyotetris {
	background-image: url(/src/images/logo-puyopuyotetris.png) !important;
}
.jackboxgames {
	background-image: url(/src/images/logo-jackboxgames.png) !important;
}
.stardewvalley {
	background-image: url(/src/images/logo-stardewvalley.png) !important;
}
.animalcrossingmobile,
.animalcrossingpocketcamp {
	background-image: url(/src/images/logo-acpc.png) !important;
}
.animalcrossingnewleaf {
	background-image: url(/src/images/logo-animalcrossingnewleaf.png) !important;
}
.animalcrossingnewhorizons {
	background-image: url(/src/images/logo-animalcrossingnewhorizons.png) !important;
}
.rainbowsixsiege {
	background-image: url(/src/images/logo-rainbowsixsiege.png) !important;
}
.minecraft {
	background-image: url(/src/images/logo-minecraft.png) !important;
}
.minecraftdungeons {
	background-image: url(/src/images/logo-minecraftdungeons.png) !important;
}
.enterthegungeon {
	background-image: url(/src/images/logo-enterthegungeon.png) !important;
}
.nintendodirect {
	background-image: url(/src/images/logo-nintendo-direct.png) !important;
}
.kirbystarallies {
	background-image: url(/src/images/logo-kirbystarallies.png) !important;
}
.seaofthieves {
	background-image: url(/src/images/logo-seaofthieves.png) !important;
}
.detroitbecomehuman {
	background-image: url(/src/images/logo-detroitbecomehuman.png) !important;
}
.godofwar {
	background-image: url(/src/images/logo-godofwar.png) !important;
}
.mariotennisaces {
	background-image: url(/src/images/logo-mariotennisaces.png) !important;
}
.animalcrossinghappyhomedesigner {
	background-image: url(/src/images/logo-animalcrossinghappyhomedesigner.png) !important;
}
.paladins {
	background-image: url(/src/images/logo-paladins.png) !important;
}
.overcooked2 {
	background-image: url(/src/images/logo-overcooked2.png) !important;
}
.nomanssky {
	background-image: url(/src/images/logo-no-mans-sky.png) !important;
}
.marblesonstream {
	background-image: url(/src/images/logo-marblesonstream.png) !important;
}
.deadbydaylight {
	background-image: url(/src/images/logo-deadbydaylight.png) !important;
}
.battlefieldv {
	background-image: url(/src/images/logo-battlefieldv.png) !important;
}
.fallout76 {
	background-image: url(/src/images/logo-fallout76.png) !important;
}
.supersmashbrosultimate {
	background-image: url(/src/images/logo-supersmashbrosultimate.png) !important;
}
.worldofwarcraft {
	background-image: url(/src/images/logo-worldofwarcraft.png) !important;
}
.untildawn {
	background-image: url(/src/images/logo-untildawn.png) !important;
}
.reddeadredemption2 {
	background-image: url(/src/images/logo-reddeadredemption2.png) !important;
}
.pokemonletsgopikachueevee,
.pokemonletsgo {
	background-image: url(/src/images/logo-pokemonletsgo.png) !important;
}
.pokemonletsgopikachu {
	background-image: url(/src/images/logo-pokemonletsgopikachu.png) !important;
}
.pokemonletsgoeevee {
	background-image: url(/src/images/logo-pokemonletsgoeevee.png) !important;
}
.pokemonunite {
	background-image: url(/src/images/logo-pokemonunite.png) !important;
}
.cuphead {
	background-image: url(/src/images/logo-cuphead.png) !important;
}
.apexlegends {
	background-image: url(/src/images/logo-apexlegends.png) !important;
}
.tetris {
	background-image: url(/src/images/logo-tetris99.png) !important;
}
.finalfantasyxivonline {
	background-image: url(/src/images/logo-ffxiv.png) !important;
}
.playstationstateofplay {
	background-image: url(/src/images/logo-playstationstateofplay.png) !important;
}
.xboxevent {
	background-image: url(/src/images/logo-xboxevent.png) !important;
}
.mortalkombat11 {
	background-image: url(/src/images/logo-mortalkombat.png) !important;
}
.saintsrowthethird {
	background-image: url(/src/images/logo-saintsrowthethird.png) !important;
}
.farmtogether {
	background-image: url(/src/images/logo-farmtogether.png) !important;
}
.supermariomaker2 {
	background-image: url(/src/images/logo-supermariomaker2.png) !important;
}
.cadenceofhyrule {
	background-image: url(/src/images/logo-cadenceofhyrule.png) !important;
}
.zeldalinksawakening {
	background-image: url(/src/images/logo-legendofzeldalinksawakening.png) !important;
}
.astralchain {
	background-image: url(/src/images/logo-astralchain.png) !important;
}
.luigismansion3 {
	background-image: url(/src/images/logo-luigismansion3.png) !important;
}
.pokemonswordandshield {
	background-image: url(/src/images/logo-pokemonswordandshield.png) !important;
}
.pokemonshield {
	background-image: url(/src/images/logo-pokemonshield.png) !important;
}
.pokemonsword {
	background-image: url(/src/images/logo-pokemonsword.png) !important;
}
.forzahorizon4 {
	background-image: url(/src/images/logo-forzahorizon4.png) !important;
}
.plantsvszombiesbattleforneighborville,
.plantsvszombies {
	background-image: url(/src/images/logo-pvzbfn.png) !important;
}
.doometernal {
	background-image: url(/src/images/logo-doometernal.png) !important;
}
.cyberpunk2077 {
	background-image: url(/src/images/logo-cyberpunk2077.png) !important;
}
.bleedingedge {
	background-image: url(/src/images/logo-bleedingedge.png) !important;
}
.journeytothesavageplanet {
	background-image: url(/src/images/logo-journeytothesavageplanet.png) !important;
}
.ninjala {
	background-image: url(/src/images/logo-ninjala.png) !important;
}
.neonabyss {
	background-image: url(/src/images/logo-neonabyss.png) !important;
}
.rocketarena {
	background-image: url(/src/images/logo-rocketarena.png) !important;
}
.roguecompany {
	background-image: url(/src/images/logo-roguecompany.png) !important;
}
.hitman, .hitman2 {
	background-image: url(/src/images/logo-hitman.png) !important;
}
.hitman3 {
	background-image: url(/src/images/logo-hitman2.png) !important;
}
.fallguys {
	background-image: url(/src/images/logo-fallguys.png) !important;
}
.amongus {
	background-image: url(/src/images/logo-amongus.png) !important;
}
.marvelsspidermanremastered {
	background-image: url(/src/images/logo-spiderman.png) !important;
}
.marvelsspidermanmilesmorales {
	background-image: url(/src/images/logo-spidermanmilesmorales.png) !important;
}
.wormsrumble {
	background-image: url(/src/images/logo-wormsrumble.png) !important;
}
.destructionallstars {
	background-image: url(/src/images/logo-destructionallstars.png) !important;
}
.knockoutcity {
	background-image: url(/src/images/logo-knockoutcity.png) !important;
}
.mariogolfsuperrush {
	background-image: url(/src/images/logo-mariogolfsuperrush.png) !important;
}
.justchatting {
	background-image: url(/src/images/logo-justchatting.png) !important;
}
.secretcinema {
	background-image: url(/src/images/logo-secretcinema.png) !important;
}
.ratchetclank {
	background-image: url(/src/images/logo-ratchetandclank.png) !important;
}
.ratchetclankriftapart {
	background-image: url(/src/images/logo-ratchetandclankariftapart.png) !important;
}
.overcookedallyoucaneat {
	background-image: url(/src/images/logo-overcooked-ayce.png) !important;
}
.mariopartysuperstars {
	background-image: url(/src/images/logo-mariopartysuperstars.png) !important;
}
.deathsdoor {
	background-image: url(/src/images/logo-deathsdoor.png) !important;
}
.stickfightthegame {
	background-image: url(/src/images/logo-stickfight.png) !important;
}
.olliolliworld {
	background-image: url(/src/images/logo-olliolliworld.png) !important;
}
.multiversus {
	background-image: url(/src/images/logo-multiversus.png) !important;
}
.kirbysdreambuffet {
	background-image: url(/src/images/logo-kirbysdreambuffet.png) !important;
}

.platform::before {
	display: block;
	text-align:center;
	width: 100%;
	line-height: 1em;
	font-size: 2.5rem;
	padding: 0;
	margin: 0.25rem auto 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 86%;
	font-family: 'Font Awesome\ 5 Brands';
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\00a0";
}
.threeds .platform::before {
	background-image: url(/src/images/3ds-white.svg);
}
.mac .platform::before {
	content: "\f179";
}
.mobile .platform::before {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	content: "\f3cd";
}
.ps4 .platform::before,
.ps5 .platform::before {
	content: "\f3df";
}
.switch .platform::before {
	content: "\f418";
}
.win .platform::before {
	content: "\f17a";
}
.xboxone .platform::before,
.xboxseriesx .platform::before {
	content: "\f412";
}
.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform-white.svg);
}
.discord .platform::before {
	content: "\f392";
}
#schedule .game .title {
	display: table;
	text-align:center;
	width: 100%;
}
#schedule .game .title em {
	font-style: normal;
	display: table-cell; 
	text-align:center;
	vertical-align: middle;
	padding: 0 10%;
	width: 80%;
	overflow:hidden;
}
#schedule .game .start-time {
	display:block;
	font-size: 2em;
	line-height: 1em;
}
.event {
	order: 120;
	clear:both;
	position: relative;
	overflow:hidden;
	max-width: 708px;
	width:100%;
	margin: 1rem auto 1rem auto;
	text-align:center;
	font-size: 1rem;
	line-height: 1em;
}
.event.daily {
	order: 60;
}
.event.weekly {
	order: 110;
}
.event.priority {
	order: 20;
}
.event.live {
	order: 1;
}
.event a {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: stretch;
	justify-content:space-between;
	padding: 1.43%;
	text-align:center;
	line-height: 1.3em;
	border-radius: 1rem;
	background-color: rgba(255,255,255,0.75);
	border: 5px solid rgba(255,255,255,0.5);
	color:#000;
	text-decoration: none;
}
.event .character {
	width:27.4%;
	display:flex;
	align-items: center;
	flex-flow: row wrap;
}
.event .character em {
	display:block;
	width:100%;
	max-width: 180px;
	height:180px;
	margin: 0 auto;
	background-image: url(/src/images/pixelgum-gumboy-1.png);
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
.event .details {
	width: 35.74%;
	padding: 1rem 2.5% 0rem 2.5%;
	display:flex;
	align-items: center;
	flex-flow: column nowrap;
	justify-content: center;
	background-color: rgba(255,255,255,0.5);
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	border-radius: 0.5rem;
}
.event .details span {
	display:block;
	margin: 0 0 1rem 0;
}
.event a:hover .details {
	background-color: rgba(255,255,255,1);
}
.event .details .eventlogo {
	display: block;
	width:100%;
	height:0;
	padding-bottom: 20%;
	background-image: url(/src/images/pixelgum-logo.svg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
.event .eventgame {
	width: 27.4%;
	display:flex;
	align-items: center;
	flex-flow: row wrap;
}
.event .eventgame span {
	display:block;
	width: 100%;
}
.event .eventgame .gamelogo {
	display:block;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	margin: 0.5rem 0 0.5em 0;
	overflow: hidden;
	background-image: url(/src/images/logo-setup.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}
.event .eventgame .title {
	padding: 1.5rem 0;
}
.event.live a {
	animation-name: event-a;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.event.live a .details {
	animation-name: event-bg;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.event.live::before {
	display:block;
	content: "LIVE NOW!";
	position: absolute;
	width: 6em;
	top: 1.8em;
	left: -2.4em;
	padding: 0.1em 2em;
	font-weight: bold;
	font-size: 0.75em;
	text-align:center;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background-color:#FFF;
	color:#000;
	z-index:99;
}
.event::after {
	display:block;
	position: absolute;
	width: 6em;
	top: 1.8em;
	right: -2.4em;
	padding: 0.1em 2em;
	font-weight: bold;
	font-size: 0.75em;
	text-align:center;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	background-color:#FFF;
	color:#000;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	z-index:99;
}
.event.demo::after {
	content: "DEMO";
}
.event.alpha::after {
	content: "ALPHA";
}
.event.beta::after {
	content: "BETA";
}
.event.newgame::after {
	content: "NEW GAME";
}
.event.free::after {
	content: "FREE";
}
.event.sale::after {
	content: "SALE";
}
.event.rescheduled::after {
	content: "RESCHEDULED";
	font-size: 0.67em;
	width: 7.2em;
	top: 2.2em;
	right: -2.4em;
}
.event.cancelled::after {
	content: "CANCELLED";
}
.event.rerun::after {
	content: "RERUN";
}
.event.baby::after,
.event.mature::after,
.event.unwell::after {
	line-height:1em;
	width: 4.5em;
	height:4.5em;
	overflow:hidden;
	padding: 0;
	content: " ";
	top: 0rem;
	right: 0rem;
	background-image: url(/src/images/emoji-thermometer.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	border-radius: 0 1rem 0 1.7rem;
	-ms-transform: rotate(0deg) perspective(0);
    -webkit-transform: rotate(0deg) perspective(0);
    transform: rotate(0deg) perspective(0);
}
.event.baby::after {
	background-image: url(/src/images/emoji-baby.png);
}
.event.mature::after {
	background-image: url(/src/images/emoji-18.png);
}
.event.coffeeandpixels .details .eventlogo {
	background-image: url(/src/images/logo-coffeeandpixels.svg);
}
@keyframes event-coffeeandpixels {
	0% {border-color: rgba(82,58,26,1);}
	50% {border-color: rgba(255,255,255,0.25);}
	100% {border-color: rgba(82,58,26,1);}
}
@keyframes event-details-coffeeandpixels {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(255,255,255,1);}
}
.event.coffeeandpixels.live a {
	animation-name: event-coffeeandpixels;
}
.event.coffeeandpixels.live a .details {
	animation-name: event-details-coffeeandpixels;
}
.event.coffeeandpixels a {
	background-color: #ebe2cc;
	color: #523a1a;
}
.event.coffeeandpixels.threeds .platform::before {
	background-image: url(/src/images/3ds-coffeeandpixels.svg);
}
.event.coffeeandpixels.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform-coffeeandpixels.svg);
}
.event.coffeeandpixels::after {
	background-color:#523a1a;
	color:#FFF;
}
.event.gameshow .details .eventlogo {
	background-image: url(/src/images/logo-pixelgum-gameshow.svg);
	padding-bottom: 54%;
}
.event.gameshow a {
	background-color: #d0ffb8;
	color: #206000;
}
@keyframes event-gameshow {
	0% {border-color: #206000;}
	50% {border-color: rgba(255,255,255,0.25);}
	100% {border-color: #206000;}
}
@keyframes event-details-gameshow {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(255,255,255,1);}
}
.event.gameshow.live a {
	animation-name: event-gameshow;
}
.event.gameshow.live a .details {
	animation-name: event-details-gameshow;
}
.event.gameshow.threeds .platform::before {
	background-image: url(/src/images/3ds-pixelgum-gameshow.svg);
}
.event.gameshow.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform-pixelgum-gameshow.svg);
}
.event.gameshow::after {
	background-color:#206000;
	color:#FFF;
}
.event.pixelgumafterdark .details .eventlogo {
	background-image: url(/src/images/logo-pixelgum-afterdark.svg);
	padding-bottom: 35%;
}
.event.pixelgumafterdark a {
	background-color: #343434;
	color: #fff;
	border: 5px solid rgba(255,255,255,0.25);
}
@keyframes event-pixelgumafterdark {
	0% {border-color: #ff00aa;}
	50% {border-color: rgba(255,255,255,0.25);}
	100% {border-color: #ff00aa;}
}
@keyframes event-details-pixelgumafterdark {
	0% {background-color: rgba(0,0,0,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(0,0,0,1);}
}
.event.pixelgumafterdark.live a {
	animation-name: event-pixelgumafterdark;
}
.event.pixelgumafterdark.live a .details {
	animation-name: event-details-pixelgumafterdark;
}
.event.pixelgumafterdark .details {
	background-color: rgba(0,0,0,0.5);
}
.event.pixelgumafterdark a:hover .details {
	background-color: rgba(0,0,0,1);
}
.event.pixelgumafterdark.threeds .platform::before {
	background-image: url(/src/images/3ds-white.svg);
}
.event.pixelgumafterdark.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform-white.svg);
}
.event.pixelgumafterdark::after {
	background-color:#ff00aa;
	color:#fff;
}
.event.releaseday .details .eventlogo {
	background-image: url(/src/images/logo-pixelgum-release-day.svg);
	padding-bottom: 85%;
}
.event.releaseday a {
	background-color: #EBEBEB;
	color: #000;
	border: 5px solid rgba(255,255,255,0.75);
}
@keyframes event-releaseday {
	0% {border-color: #ff00aa;}
	50% {border-color: rgba(255,255,255,0.75);}
	100% {border-color: #ff00aa;}
}
@keyframes event-details-releaseday {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(255,255,255,1);}
}
.event.releaseday.live a {
	animation-name: event-releaseday;
}
.event.releaseday.live a .details {
	animation-name: event-details-releaseday;
}
.event.releaseday .details {
	background-color: rgba(255,255,255,0.5);
}
.event.releaseday a:hover .details {
	background-color: rgba(255,255,255,1);
}
.event.releaseday.threeds .platform::before {
	background-image: url(/src/images/3ds.svg);
}
.event.releaseday.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform.svg);
}
.event.releaseday::after {
	background-color:#ff00aa;
	color:#fff;
}
.event.releasedaydark .details .eventlogo {
	background-image: url(/src/images/logo-pixelgum-release-day-dark.svg);
	padding-bottom: 85%;
}
.event.releasedaydark a {
	background-color: #343434;
	color: #fff;
	border: 5px solid rgba(255,255,255,0.12);
}
@keyframes event-releasedaydark {
	0% {border-color: #ff00aa;}
	50% {border-color: rgba(255,255,255,0.25);}
	100% {border-color: #ff00aa;}
}
@keyframes event-details-releasedaydark {
	0% {background-color: rgba(0,0,0,1);}
	50% {background-color: rgba(0,0,0,0.25);}
	100% {background-color: rgba(0,0,0,1);}
}
.event.releasedaydark.live a {
	animation-name: event-releasedaydark;
}
.event.releasedaydark.live a .details {
	animation-name: event-details-releasedaydark;
}
.event.releasedaydark .details {
	background-color: rgba(0,0,0,0.5);
}
.event.releasedaydark a:hover .details {
	background-color: rgba(0,0,0,1);
}
.event.releasedaydark.threeds .platform::before {
	background-image: url(/src/images/3ds-white.svg);
}
.event.releasedaydark.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform-white.svg);
}
.event.releasedaydark::after {
	background-color:#ff00aa;
	color:#fff;
}
.event.pixelgumcinema .details .eventlogo {
	background-image: url(/src/images/logo-pixelgum-secret-cinema.svg);
	background-size: auto 100%;
	padding-bottom: 60%;
}
.event.pixelgumcinema a {
	background-color: #EBEBEB;
	color: #000;
	border: 5px solid rgba(255,255,255,0.75);
}
@keyframes event-cinema {
	0% {border-color: #ff00aa;}
	50% {border-color: rgba(255,255,255,0.75);}
	100% {border-color: #ff00aa;}
}
@keyframes event-details-cinema {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(255,255,255,1);}
}
.event.pixelgumcinema.live a {
	animation-name: event-cinema;
}
.event.pixelgumcinema.live a .details {
	animation-name: event-details-cinema;
}
.event.pixelgumcinema .details {
	background-color: rgba(255,255,255,0.5);
}
.event.pixelgumcinema a:hover .details {
	background-color: rgba(255,255,255,1);
}
.event.pixelgumcinema.threeds .platform::before {
	background-image: url(/src/images/3ds.svg);
}
.event.pixelgumcinema.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform.svg);
}
.event.pixelgumcinema::after {
	background-color:#ff00aa;
	color:#fff;
}
.event.multiplayermayhem .details .eventlogo {
	background-image: url(/src/images/logo-pixelgum-mayhem.svg);
	padding-bottom: 54%;
}
.event.multiplayermayhem a {
	background-color: #EBEBEB;
	color: #000;
	border: 5px solid rgba(255,255,255,0.75);
}
@keyframes event-multiplayermayhem {
	0% {border-color: #ff00aa;}
	50% {border-color: rgba(255,255,255,0.75);}
	100% {border-color: #ff00aa;}
}
@keyframes event-details-multiplayermayhem {
	0% {background-color: rgba(255,255,255,1);}
	50% {background-color: rgba(255,255,255,0.25);}
	100% {background-color: rgba(255,255,255,1);}
}
.event.multiplayermayhem.live a {
	animation-name: event-multiplayermayhem;
}
.event.multiplayermayhem.live a .details {
	animation-name: event-details-multiplayermayhem;
}
.event.multiplayermayhem .details {
	background-color: rgba(255,255,255,0.5);
}
.event.multiplayermayhem a:hover .details {
	background-color: rgba(255,255,255,1);
}
.multiplayermayhem.multiplatform .platform::before {
	background-image: url(/src/images/multiplatform.svg);
}
.event.multiplayermayhem::after {
	background-color:#ff00aa;
	color:#fff;
}
.event.chorna1 .character em {
	background-image: url(/src/images/pixelgum-chorna-1.png);
}
.event.chorna2 .character em {
	background-image: url(/src/images/pixelgum-chorna-2.png);
}
.event.chornaface .character em {
	background-image: url(/src/images/pixelgum-chorna-face.png);
}
.event.aidan1 .character em {
	background-image: url(/src/images/pixelgum-aidan-1.png);
}
.event.aidan2 .character em {
	background-image: url(/src/images/pixelgum-aidan-2.png);
}
.event.aidanface .character em {
	background-image: url(/src/images/pixelgum-aidan-face.png);
}
.event.gumboy1 .character em {
	background-image: url(/src/images/pixelgum-gumboy-1.png);
}
.event.gumboy2 .character em {
	background-image: url(/src/images/pixelgum-gumboy-2.png);
}
.event.gumboyface .character em {
	background-image: url(/src/images/pixelgum-gumboy-face.png);
}
.event.gumboyface .character em {
	background-image: url(/src/images/pixelgum-gumboy-face.png);
}
.event.cinema .character em {
	background-image: url(/src/images/pixelgum-cinema.png);
}
#links {
	display:block;
	text-align:center;
	padding: 1.5rem 0;
}
#links a {
	color:#1a1a1a;
	background-color: #FFF;
	display: inline-block;
	width:4rem;
	line-height:4rem;
	font-size: 2rem;
	text-align:center;
	font-family: 'Font Awesome\ 5 Brands';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 0.25em;
	text-decoration:none;
	margin: 0 0.5em 0.5em 0.5em;
	border: 2px solid #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	-ms-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
#links a::before {
	font-family: 'Font Awesome\ 5 Brands';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a.icon-twitch::before {
	content: "\f1e8";
}
a.icon-youtube::before {
	content: "\f167";
}
a.icon-twitter::before {
	content: "\f099";
}
a.icon-patreon::before {
	content: "\f3d9";
}
a.icon-facebook::before {
	content: "\f39e";
}
a.icon-instagram::before {
	content: "\f16d";
}

#gaming {
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 0 auto;
}
#gaming a {
	display:block;
	margin: 1rem 0 1rem 0;
	padding: 36% 3% 2rem 3%;
	text-align:center;
	border-radius: 1rem;
	background-color: rgba(0,0,0,0.67);
	background-image: url(/src/images/pixelgum-gaming.png);
	background-repeat: no-repeat;
	background-position: center 1rem;
	background-size: 100% auto;
	color:#FFF;
	font-size: 1rem;
	line-height: 1.3em;
	text-decoration: none;
}
#gaming a strong {
	display: block;
	text-align:center;
	font-size: 3rem;
	line-height:1em;
	padding: 0 0 1rem 0;
}
#pixelgum-index {
	position:relative;
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 0 auto 2rem auto;
	border-radius: 1rem;
	overflow:hidden;
	font-variant: normal;
	background-color: rgba(255,255,255,1);
	font-size: 1.3rem;
	line-height: 1.6em;
}
#pixelgum-index:hover {
	background-color: rgba(255,255,255,1);
}
#pixelgum-index div {
	background-image: url(/src/images/pixelgum-index-back.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 110% auto;
	margin-bottom:-5%;
}
#pixelgum-index a {
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	padding: 0;
	text-align:center;
	background-color: rgba(255,255,255,0.75);
	background-image: url(/src/images/pixelgum-index.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 110% auto;
	color:#000;
	text-decoration: none;
	font-weight: normal;
}
#pixelgum-index a span::before,
#pixelgum-index a span::after {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 110% auto;
	margin-bottom:-5%;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}
#pixelgum-index a span::before {
	background-image: url(/src/images/pixelgum-index-fade.svg);
	animation-name: pgi-fade;
}
#pixelgum-index a span::after {
	background-image: url(/src/images/pixelgum-index-logo.svg);
	animation-name: pgi-logo;
}
@keyframes pgi-logo {
	0% {opacity: 1;}
	35% {opacity: 1;}
	50% {opacity: 0;}
	85% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes pgi-fade {
	0% {opacity: 0;}
	35% {opacity: 0;}
	50% {opacity: 1;}
	85% {opacity: 1;}
	100% {opacity: 0;}
}
#pixelgum-index a span {
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	padding: 2em 12% 44% 12%;
	text-align:left;
}
#pixelgum-index a span em {
	display: block;
	text-align:center;
	margin: 0.5em auto 0 auto;
	font-weight: bold;
	font-style:normal;
}
#pixelgum-discord {
	position:relative;
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 0 auto 2rem auto;
	border-radius: 1rem;
	overflow:hidden;
	font-variant: normal;
	font-size: 1.3rem;
	line-height: 1.6em;
}
#pixelgum-discord a {
	display: block;
	padding: 0;
	text-align:center;
	background-color: #000;
	background-image: url(/src/images/pixelgum-earth-discord.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	color:#FFF;
	text-decoration: none;
	font-weight: normal;
	padding: 2em 12% 30% 12%;
	text-align: center;
	transition: background-color .5s;
}
#pixelgum-discord a em {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	white-space: nowrap;
}
#pixelgum-discord a em::before {
    font-family: 'Font Awesome\ 5 Brands';
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f392\00a0";
}
#pixelgum-discord a span:nth-child(1) {
    background-image: url(/src/images/alien-white.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	display: inline-block;
	width: 1.5em;
	height: 1em;
	position: relative;
	top: 0.2em;
}
#pixelgum-discord a span:nth-child(2) {
    background-image: url(/src/images/gamepad-white.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	display: inline-block;
	width: 1.5em;
	height: 1em;
	position: relative;
	top: 0.2em;
}
#pixelgum-desktop {
	position:relative;
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 2rem auto 2rem auto;
	border-radius: 1rem;
	overflow:hidden;
	font-variant: normal;
	font-size: 1.3rem;
	line-height: 1.6em;
}
#pixelgum-desktop a {
	display: block;
	padding: 0;
	text-align:center;
	background-color: #000;
	background-image: url(/src/images/pixelgum-earth-desktop.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	color:#FFF;
	text-decoration: none;
	font-weight: normal;
	padding: 2em 12% 54% 12%;
	text-align: center;
	transition: background-color .5s;
}
#pixelgum-desktop a em {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	white-space: nowrap;
}
#pixelgum-desktop a em::before {
    font-family: 'Font Awesome\ 5 Brands';
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f392\00a0";
}
#pixelgum-thanks {
	position:relative;
	clear:both;
	max-width: 708px;
	width:100%;
	margin: 2rem auto 2rem auto;
	border-radius: 1rem;
	overflow:hidden;
	font-variant: normal;
	font-size: 1.5em;
	line-height: 1.6em;
}
#pixelgum-thanks a {
	position: relative;
	display: block;
	padding: 0;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	padding: 1.5em 5% 1.5em 5%;
	text-align: center;
	overflow: hidden;
}
#pixelgum-thanks a::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: -120%;
	width: 275%;
	height: 100%;
	background: linear-gradient(80deg, rgba(255,222,222,1) 6%, rgba(255,255,222,1) 12%, rgba(222,255,222,1) 18%, rgba(222,255,255,1) 24%, rgba(222,222,255,1) 30%, rgba(255,222,255,1) 36%, rgba(255,255,255,1) 42%);
	z-index: -1;
	transition: left .5s;
}
#pixelgum-thanks a:hover::before {
	left: 0%;
}
#pixelgum-thanks a strong {
	display: block;
	padding: 0 0 0.5em 0;
	text-transform: uppercase;
	font-size: 2em;
}
#pixelgum-thanks a thanks {
	padding: 0 0 1em 0;
	font-size: 1.2em;
}
#pixelgum-thanks a span {
    display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	width: 100%;	
}
#pixelgum-thanks a span em {
	position: relative;
	display: block;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	width: 32%;
	color: #000;
	border-radius: 0.2em;
	text-align: center;
	margin: 0 0 1em 0;
}
#pixelgum-thanks a .tier1 em {
	margin: 2.5em 0 1em 0;
	padding: 0.75em 0 0 0;
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.08);
}
#pixelgum-thanks a .tier1 em crown {
    position: absolute;
	top: -50%;
	left: 37.5%;
    display: block;
    background-image:url(/src/images/pixelgum-crown-jewels.svg);
    width: 25%;
    height: 0;
	padding: 0 0 12.5% 0;
    background-size: 100% 100%;
    margin: 0 auto;
}
#pixelgum-thanks a .tier1 em crown si {
    display: block;
    width: 100%;
    height: 8%;
    overflow: visible;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: rotate(45deg);
    transform-origin: center;
}
#pixelgum-thanks a .tier1 em crown si::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0%;
    height: 100%;
    border-radius: 100em;
    background-color: rgba(255,192,0,0.00);
    animation: shine 2s infinite;
}
@keyframes shine {
  0%   {width: 0%;left: 25%;background-color: rgba(255,192,0,0.00);}
  40%  {width: 25%;left: 0%;background-color: rgba(255,192,0,1.00);}
  90%  {width: 0%;background-color: rgba(255,192,0,0.00);}
  100% {width: 0%;}
}
#pixelgum-thanks a .tier1 em crown si:nth-child(2) {
    transform: rotate(75deg);
}
#pixelgum-thanks a .tier1 em crown si:nth-child(2)::before {
    animation-delay: 0.5s;
}
#pixelgum-thanks a .tier1 em crown si:nth-child(3) {
    transform: rotate(105deg);
}
#pixelgum-thanks a .tier1 em crown si:nth-child(3)::before {
    animation-delay: 1s;
}
#pixelgum-thanks a .tier1 em crown si:nth-child(4) {
    transform: rotate(135deg);
}
#pixelgum-thanks a .tier1 em crown si:nth-child(4)::before {
    animation-delay: 1.5s;
}
#pixelgum-thanks a .tier2 em {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	width: 32%;
	border-radius: 0.2em;
	text-align: center;
	margin: 0.5em 0 1em 0;
	padding: 0.4em 0 0 0;
	background-color: rgba(0,0,0,0.04);
	color: rgba(0,0,0,0.75);
	font-size: 0.8em;
}
#pixelgum-thanks a .tier2 em crown {
    position: absolute;
	top: -35%;
	left: 42.5%;
    display: block;
    background-image:url(/src/images/pixelgum-crown-gold.svg);
    width: 15%;
    height: 0;
	padding: 0 0 7.5% 0;
    background-size: 100% 100%;
    margin: 0 auto;
}
#pixelgum-thanks a .tier3 {
	text-transform: uppercase;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 0.8em;
}
@media (max-width: 70em) {
	#page {
        padding: 120px 1rem 0 1rem;
	}
	header {
        padding: 0 0 120px 0;
    }
    header.scrolled {
        padding: 0 0 60px 0;
    }
	#header {
        padding: 0 0 120px 0;
    }
    #header.scrolled {
        padding: 0 0 60px 0;
	}
	#headerone h1 {
        max-width: 320px;
		padding-bottom: 120px;
    }
    #headerone.scrolled {
        top: -60px;
    }
	#section-one {
		font-size: 1rem;
	}
	#section-two {
		font-size: 1rem;
	}
	#section-one em,
	#section-two em {
		font-size: 2.4em;
	}
	#schedule .game .title-logo {
		padding-bottom: 25%;
	}
	#schedule .game .start-time {
		padding: 0.5rem 0;
	}
	a[href^="#menu"]  {
		display:block;
	}
	a[href^="#menu"]::before,
	a[href^="#menu"]::after,
	a[href^="#menu"] span::before {
		font-family: 'Font Awesome\ 5 Free';
		font-weight: 900;
		display:block;
		position:absolute;
		top: 0;
		left: 0;
		content: "\f068";
		text-align:center;
		width:3rem;
		line-height:60px;
		font-size: 1.5rem;
		transform: scale(1,0.5);
		-webkit-transition: transform .5s, top .5s;
		-o-transition: transform .5s, top .5s;
		-ms-transition: transform .5s, top .5s;
		-moz-transition: transform .5s, top .5s;
		transition: transform .5s, top .5s;
	}
	a[href^="#menu"]::before {
		top: -0.5rem;
	}
	a[href^="#menu"]::after {
		top: 0.5rem;
	}
	a[href^="#menu"] span::before {
	}
	a[href^="#menu"].is-active::before {
		top: 0rem;
		transform: rotate(225deg);
	}
	a[href^="#menu"].is-active::after {
		top: 0rem;
		transform: rotate(225deg);
	}
	a[href^="#menu"].is-active span::before {
		transform: rotate(135deg);
	}
	nav {
		display:none;
	}
	#mm-menu,
	#mm-menu li a {
	   font-size: 1rem;
	   color: #dcd2c8;
	   background-color: #1a1a1a;
	   border-color: #777;
	   font-weight: bold;
	   text-align:left;
	}
	#mm-menu .mm-panel .mm-navbar a.mm-navbar__title {
		color: rgba(0,0,0,0);
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(/src/images/pixelgum-logo-header.svg);
		background-size: auto 67%;
	}
	#mm-menu li.current-menu-item a {
		background-color:#FFF;
		font-weight: bold;
		color: #000;
	}
	.mm-btn_next::after,
	.mm-btn_prev::before {
		border-color: #fff !important;
	}
	.current-menu-item a.mm-btn_next::after,
	.current-menu-item a.mm-btn_prev::before {
		border-color: #000 !important;
	}
}
@media (max-width: 40em) {
	#page {
        padding: 84px 1rem 0 1rem;
	}
	header {
        padding: 0 0 84px 0;
    }
    header.scrolled {
        padding: 0 0 60px 0;
    }
	#header {
        padding: 0 0 84px 0;
    }
    #header.scrolled {
        padding: 0 0 60px 0;
	}
	#headerone h1 {
        max-width: 224px;
		padding-bottom: 84px;
    }
    #headerone {
		transition: box-shadow 1s, top 1s, border-bottom 1s;
		border-bottom: 0px solid #1a1a1a;
    }
	#headerone.scrolled {
        top: -30px;
		border-bottom: 10px solid #1a1a1a;
    }
	
	#schedule-title {
        font-size: 1.5rem;
	}
	#links {
		margin: 0 0 2em 0;
	}
	#links a {
		width:2rem;
		line-height:2rem;
		font-size: 1rem;
	}
	#section-one livegame {
		width: 95%;
		height: 0;
		overflow:hidden;
		padding-bottom: 54%;
		margin: 1rem 2.5% 0 2.5%;
		background-size: auto 100%;
	}
	#section-one a.live livenow,
	#section-two a.live livenow {
		margin: 0.5rem 0 0 0;
	}
	#gaming a {
		padding: 42% 3% 2rem 3%;
	}
	#schedule .game .platform::before {
		margin: 0 0 0.25em 0;
	}
	#footer {
		font-size: 0.8rem;
	}
	.event .eventgame .gamelogo {
		margin: 2rem 0 0.5em 0;
	}
	.event a {
    flex-flow: row wrap;
    }
	.event .character {
		width: 40%;
		margin: 0 0 0 10%;
		order: 1;
	}
	.event .details {
		width: 95%;
		padding: 1rem 2.5% 0rem 2.5%;
		order: 3;
	}
	.event .details .eventlogo {
		width: 75%;
		margin: 0 auto 1rem auto;
		padding-bottom: 15%;
	}
	.event.gameshow .details .eventlogo,
	.event.multiplayermayhem .details .eventlogo {
		padding-bottom: 40.5%;
	}
	.event.pixelgumafterdark .details .eventlogo {
		padding-bottom: 26.25%;
	}
	.event.releaseday .details .eventlogo,
	.event.releasedaydark .details .eventlogo {
		padding-bottom: 60%;
	}
	.event.pixelgumcinema .details .eventlogo {
		padding-bottom: 40%;
	}
	.event .eventgame {
		width: 40%;
		margin: 0 10% 0 0;
		order: 2;
	}
	.event .eventgame .gamelogo {
		margin: 0;
	}
	.event .eventgame .title {
		padding: 1.5rem 0 2rem 0;
	}
	#pixelgum-index {
		font-size: 1rem;
		line-height: 1.6em;
	}
	body div.setcookies {
		font-size: 0.8rem;
		line-height: 1.6em;
	}
	body div.setcookies form div span.btn a {
		font-size: 0.8rem;
		margin: 0 1rem 0.5rem 1rem;
	}
	body div.setcookies form div span.btn {
		padding-right: 1rem;
	}
	body div.setcookies form div span.btn button {
		font-size: 0.8rem;
		margin: 0 1rem;
	}
	#pixelgum-discord {
        font-size: 0.9rem;
    }
	#pixelgum-discord a {
        padding-top: 1em;
    }
    #pixelgum-desktop a {
        padding-top: 1em;
    }
	#pixelgum-thanks {
        font-size: 0.9em;
	}
	#pixelgum-thanks a .tier1 em {
        margin: 3em 0 1em 0;
        padding: 1.25em 0 0 0;
    }
    #pixelgum-thanks a .tier1 em crown {
        top: -60%;
        left: 30%;
        width: 40%;
        padding: 0 0 20% 0;
    }
	#pixelgum-thanks a .tier2 em {
        padding: 0.5em 0 0 0;
	}
	#pixelgum-thanks a .tier2 em crown {
        top: -30%;
	}
	/* Safari 11+ */
    @media not all and (min-resolution:.001dpcm)
    { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
		#pixelgum-thanks a .tier1 em {
            margin: 2.5em 0 1em 0;
            padding: 0.75em 0 0 0;
        }
        #pixelgum-thanks a .tier1 em crown {
            top: -60%;
            left: 30%;
            width: 40%;
            padding: 0 0 20% 0;
        }
        #pixelgum-thanks a .tier2 em {
            padding: 0em 0 0 0;
        }
	}}
}
@media (min-width: 70.01em) {
	header #header nav {
		width: 90%;
        padding: 0 5%;
		max-width: 1240px;
		font-size: 1rem;
		margin: 0 auto;
		position: relative;
		transition: top 1s, text-shadow 1s;
		top: 3.5rem;
	}
	header #header.scrolled nav {
		top: 0rem;
	}
	header #header nav ul {
		display:flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		width: 100%;
		overflow: visible;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	header #header nav ul li {
		display: block;
		position: relative;
		flex-grow: 2;
		text-align:center;
	}
	header #header nav ul li:nth-child(4),
	header #header nav ul li:nth-child(6) {
		transition: text-shadow 1s;
		text-shadow: 0px 0px 2px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1), 0px 0px 20px rgba(0,0,0,1), 0px 0px 25px rgba(0,0,0,1), 0px 0px 30px rgba(0,0,0,1), 0px 0px 35px rgba(0,0,0,1), 0px 0px 40px rgba(0,0,0,1), 0px 0px 45px rgba(0,0,0,1), 0px 0px 50px rgba(0,0,0,1);
	}
	header #header.scrolled nav ul li:nth-child(4),
	header #header.scrolled nav ul li:nth-child(6) {
		text-shadow: 0px 0px 2px rgba(0,0,0,0), 0px 0px 5px rgba(0,0,0,0), 0px 0px 10px rgba(0,0,0,0), 0px 0px 15px rgba(0,0,0,0), 0px 0px 20px rgba(0,0,0,0), 0px 0px 25px rgba(0,0,0,0), 0px 0px 30px rgba(0,0,0,0), 0px 0px 35px rgba(0,0,0,0), 0px 0px 40px rgba(0,0,0,0), 0px 0px 45px rgba(0,0,0,0), 0px 0px 50px rgba(0,0,0,0);
	}
	header #header nav ul li.menu-item-3816 {
		flex-grow: 1;
		text-align:left;
	}
	header #header nav ul li.menu-item-3814 {
		flex-grow: 1;
		text-align:right;
	}
	header #header nav ul li.menu-item-892 {
	}
	header #header nav ul li.menu-item-892 a {
		background-repeat: no-repeat;
		background-position: center center;
		overflow:hidden;
		padding: 0 10em;
		color: rgba(0,0,0,0);
		text-shadow: 0 0 0 rgba(0,0,0,0);
	}
	header #header nav ul li a {
		line-height: 120px;
		display:inline-block;
		margin: 0;
	}
	header #header nav ul li ul {
		display:flex;
		flex-flow: column;
		position:absolute;
		top: 80px;
		left: 0;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
		background-color: #1a1a1a;
		-webkit-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		-moz-transition: max-height 0.3s;
		transition: max-height 0.3s;
		max-height: 0;
		border-radius: 0 0 0.5rem 0.5rem;
	}
	header #header nav ul li:hover ul {
		max-height: 10em;
	}
	header #header nav ul li ul li {
		display: block;
	}
	header #header nav ul li ul li:last-child {
		margin-bottom: 1rem;
	}
	
	header #header nav ul li ul li a {
		line-height: 2em;
		display: block;
		margin: 0;
		color: #dcd2c8;
	}
	header #header nav ul li.current-menu-item ul li a {
		color: #dcd2c8;
	}
	header #header nav ul li.current-menu-item ul li a:hover,
	header #header nav ul li ul li a:hover {
		color: #fff;
	}
	a[href^="#menu"],
	a[href^="#menu"]::before {
		display:none;
	}
	#section-one {
		position: absolute;
		font-size: 1rem;
		top: 0;
		left: 0;
		width: 50%;
	}
	#section-one div.inx {
		margin: 0 200px 0 0;
	}
	#section-two div.inx {
		margin: 0 0 0 200px;
	}
	#section-one div.inx div.iny {
		display: table; 
		width: 100%;
	}
	#section-two div.inx div.iny {
		display: table;
		width: 100%;
	}
	#section-two {
		position: absolute;
		font-size: 1rem;
		top: 0;
		right: 0;
		width: 50%;
	}
	#section-one div a,
	#section-two div a {
		-webkit-transition: background-color 0.3s, border-color 0.3s;
		-o-transition: background-color 0.3s, border-color 0.3s;
		-ms-transition: background-color 0.3s, border-color 0.3s;
		-moz-transition: background-color 0.3s, border-color 0.3s;
		transition: background-color 0.3s, border-color 0.3s;
		background-color: rgba(0,0,0,0);
		border-color: rgba(255,255,255,0.5);
		display: table-cell; 
		text-align:center;
		vertical-align: middle;
		height: 11em;
		width: 100%;
	}
	#section-one a:hover,
	#section-two a:hover {
		background-color: rgba(0,0,0,0.5);
		border-color: rgba(255,255,255,1);
	}
	#section-one div span,
	#section-two div span {
		border-color: rgba(255,255,255,0.5);
		display: table-cell; 
		text-align:center;
		vertical-align: middle;
		height: 11em;
		width: 100%;
	}
	nav {
		margin: 2rem 0 0 0;
	}
	nav .sub-menu {
		display: none;
	}
	#pixelgum-index {
		background-color: rgba(255,255,255,0.67);
		-webkit-transition: background-color 0.3s;
		-o-transition: background-color 0.3s;
		-ms-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	#pixelgum-index:hover {
		background-color: rgba(255,255,255,1);
	}
	body div.setcookies form div span.btn button,
	body div.setcookies form div span.btn a {
		-webkit-transition: color 0.3s;
		-o-transition: color 0.3s;
		-ms-transition: color 0.3s;
		-moz-transition: color 0.3s;
		transition: color 0.3s;
	}
	body div.setcookies form div span.btn button:hover {
		color: #ff009a;
	}
	body div.setcookies form div span.btn a:hover {
		color: #ff009a;
	}
	#pixelgum-discord a:hover {
        background-color: #222;
    }
    #pixelgum-desktop a:hover {
        background-color: #222;
    }
}
@media (min-width: 40.01em) {
	#schedule {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	#schedule .game {
		width: 18%;
		margin-left: 1.25% !important;
		margin-right: 1.25% !important;
	}
	#schedule .game:first-of-type {
		margin-left: 0 !important;
	}
	#schedule .game:last-of-type {
		margin-right: 0 !important;
	}
	#schedule .game a {
		-webkit-transition: background-color 0.3s, border-color 0.3s;
		-o-transition: background-color 0.3s, border-color 0.3s;
		-ms-transition: background-color 0.3s, border-color 0.3s;
		-moz-transition: background-color 0.3s, border-color 0.3s;
		transition: background-color 0.3s, border-color 0.3s;
	}
	#schedule .game a:hover {
		background-color: rgba(0,0,0,0.5);
		border: 5px solid rgba(255,255,255,1);
	}
	#schedule .game a:hover::after {
		background-color:#222;
	}
	#schedule .game a .title-logo {
		padding-bottom: 50.625%;
		background-color: rgba(255,255,255,0.5);
		-webkit-transition: background-color 0.3s;
		-o-transition: background-color 0.3s;
		-ms-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	#schedule .game a:hover .title-logo {
		background-color: rgba(255,255,255,1);
	}
	#schedule .game .title em {
		height: 3em;
	}
	#schedule .game .start-time {
		padding: 0 0 1rem 0;
	}
	#links a {
		-webkit-transition: background-color 0.3s, color 0.3s;
		-o-transition: background-color 0.3s, color 0.3s;
		-ms-transition: background-color 0.3s, color 0.3s;
		-moz-transition: background-color 0.3s, color 0.3s;
		transition: background-color 0.3s, color 0.3s;
	}
	#gaming a {
		-webkit-transition: background-color 0.3s;
		-o-transition: background-color 0.3s;
		-ms-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	#gaming a:hover {
		background-color: rgba(26,26,26,1);
	}
	#links a:hover {
		background-color: #1a1a1a;
		color:#fff;
	}
	.event a {
		-webkit-transition: border-color 0.3s;
		-o-transition: border-color 0.3s;
		-ms-transition: border-color 0.3s;
		-moz-transition: border-color 0.3s;
		transition: border-color 0.3s;
	}
	.event a:hover {
		border-color: rgba(255,255,255,1);
	}
	.event.coffeeandpixels a:hover {
		border-color: rgba(82,58,26,1);
	}
	.event.pixelgumafterdark a:hover {
		border-color: #ff00aa;
	}
	.event.releaseday a:hover {
		border-color: #ff00aa;
	}
	.event.pixelgumcinema a:hover {
		border-color: #ff00aa;
	}
	.event.multiplayermayhem a:hover {
		border-color: #ff00aa;
	}
	.event.releasedaydark a:hover {
		border-color: #ff00aa;
	}
	.event.gameshow a:hover {
		border-color: #206000;
	}
}