body.front .glory-image {
	background-image: none;
}
.snowstorm {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.snow {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: -1;
}
.snow li {
	/* We'll try to use the GPU instead of the CPU */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1em;
	height: 1em;
	animation: fall 10s linear infinite;
	perspective: 0;
}
.snowflake {
	font-size: 1em;
	width: 1em;
	height: 1em;
	position: relative;
	transform-origin: 50% 50%;
	color: white;
	perspective: 0;
	opacity: 0.8;
}
/*.snowflake:hover {
	cursor: pointer;
	animation: spin 20s linear infinite;
}*/
.wobble {
	text-align: center;
	position: absolute;
	left: 0px;
	width: 1em;
	height: 1em;
	animation: wobble 10s ease-in-out infinite;
}


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

@-webkit-keyframes fall { 0% { top:-2em; } 100% { top:100%; } }
@-moz-keyframes fall { 0% { top:-2em; } 100% { top:100%; } }
@-o-keyframes fall { 0% { top:-2em; } 100% { top:100%; } }
@keyframes fall { 0% { top:-2em; } 100% { top:100%; } }

@-webkit-keyframes wobble { 0% { left:100% } 50% { left:0%; } 100% { left:100%; } }
@-moz-keyframes wobble { 0% { left:100% } 50% { left:0%; } 100% { left:100%; } }
@-o-keyframes wobble { 0% { left:100% } 50% { left:0%; } 100% { left:100%; } }
@keyframes wobble { 0% { left:100% } 50% { left:0%; } 100% { left:100%; } }

.snow li:nth-child(8n+1) { left: 50%; animation-delay: -12s; }
.snow li:nth-child(8n+2) { left: 25%; animation-delay: -9s; }
.snow li:nth-child(8n+3) { left: 70%; animation-delay: -22s; }
.snow li:nth-child(8n+4) { left: 85%; animation-delay: -14s; }
.snow li:nth-child(8n+5) { left: 10%; animation-delay: -17s; }
.snow li:nth-child(8n+6) { left: 60%; animation-delay: -25s; }
.snow li:nth-child(8n+7) { left: 35%; animation-delay: -28s; }
.snow li:nth-child(8n+8) { left: 5%; animation-delay: -11s; }

.snow li:nth-child(6n+1) { animation-duration: 30s; }
.snow li:nth-child(6n+2) { animation-duration: 20s; }
.snow li:nth-child(6n+3) { animation-duration: 27s; }
.snow li:nth-child(6n+4) { animation-duration: 36s; }
.snow li:nth-child(6n+5) { animation-duration: 32s; }
.snow li:nth-child(6n+6) { animation-duration: 29s; }

.snow li:nth-child(7n+1) { font-size: 5em; -webkit-filter: blur(2px); filter: blur(2px); z-index: 1; }
.snow li:nth-child(7n+2) { font-size: 8.5em; -webkit-filter: blur(0); filter: blur(0); z-index: 3; }
.snow li:nth-child(7n+3) { font-size: 6.5em; -webkit-filter: blur(2px); filter: blur(2px); z-index: 1; }
.snow li:nth-child(7n+4) { font-size: 7.5em; -webkit-filter: blur(0.5px); filter: blur(0.5px); z-index: 2; }
.snow li:nth-child(7n+5) { font-size: 4.2em; -webkit-filter: blur(3px); filter: blur(3px); z-index: 1; }
.snow li:nth-child(7n+6) { font-size: 3.5em; -webkit-filter: blur(3px); filter: blur(3px); z-index: 1; }
.snow li:nth-child(7n+7) { font-size: 5.8em; -webkit-filter: blur(2px); filter: blur(2px); z-index: 2; }

.snow li:nth-child(5n+1) { transform: rotate(0deg); }
.snow li:nth-child(5n+2) { transform: rotate(10deg); }
.snow li:nth-child(5n+3) { transform: rotate(20deg); }
.snow li:nth-child(5n+4) { transform: rotate(30deg); }
.snow li:nth-child(5n+5) { transform: rotate(40deg); }

.snow li:nth-child(2n+1) .spin { animation-duration: 40s; }
.snow li:nth-child(2n+2) .spin { animation-duration: 60s; }

.snow li:nth-child(4n+1) .wobble {
	animation-duration: 32s;
	animation-delay: -5s;
}
.snow li:nth-child(4n+2) .wobble {
	animation-duration: 25s;
	animation-delay: -5s;
}
.snow li:nth-child(4n+3) .wobble {
	animation-duration: 27s;
	animation-delay: -10s;
}
.snow li:nth-child(4n+4) .wobble {
	animation-duration: 30s;
}
.snowstormcredit {
	position: absolute;
	z-index: 1000;
	top: 0em;
	left: 0em;
	height: 100%;
	right: 0em;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
}
.snowstormcredit .info {
	position: absolute;
	z-index: 1001;
	border-radius: 100%;
	top: 0em;
	right: 0em;
	width: 1.5em;
	height: 1.5em;
	margin: 0.5em;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	background-color: #178cff;
}
.snowstormcredit .close {
	position: absolute;
	z-index: 1001;
	border-radius: 100%;
	top: -1.25em;
	right: -1.25em;;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0.5em;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	color: black;
	background-color: white;
}
.snowstormcredit .more.hide {
	display: none;
}
.snowstormcredit a {
	color: inherit;
	text-decoration: underline;
}
.snowstormcredit .more {
	background-color: rgba(0,0,0,0.85);
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	padding: 1em;
	transform: translate3d(-50%, -50%, 0px);
	border: 1px solid white;
}


.c1 { border-color: #2254F4; color: #2254F4; }
.c2 { border-color: #178CFF; color: #178CFF; }
.c3 { border-color: #00B6FF; color: #00B6FF; }
.c4 { border-color: #08DEF9; color: #08DEF9; }
.c5 { border-color: #1DD3A7; color: #1DD3A7; }
.c6 { border-color: #0DBC37; color: #0DBC37; }
.c7 { border-color: #67E767; color: #67E767; }
.c8 { border-color: #722EA5; color: #722EA5; }
.c9 { border-color: #E6007C; color: #E6007C; }
.c10 { border-color: #EF3AAB; color: #EF3AAB; }
.c11 { border-color: #D73058; color: #D73058; }
.c12 { border-color: #D60303; color: #D60303; }
.c13 { border-color: #FF6700; color: #FF6700; }
.c14 { border-color: #F9BC26; color: #F9BC26; }

@media only screen and (max-width: 700px) {
	.snowstorm {
		font-size: 0.25em;
	}
	.snowstormcredit .more {
		left: 0;
		top: 0;
		bottom: 0;
		padding: 2em;
		transform: translate3d(0%, 0%, 0px);
	}
}