@media screen and (max-width : 600px) {
	div.christmas-top, div.christmas-topb {
		display: none;
	}

	.snowman {
		right: 10px !important;
	}

	.snowman {
		background-size: 100px 120px !important;
		width: 100px !important;
		height: 70px !important;
		overflow: visible;
	}

		.snowman:hover {
			height: 118px !important;
		}

	#tree {
		max-width: 40px !important;
	}

	div#christmastree {
		bottom: 15px !important;
		height: 56px !important;
		width: 56px !important;
	}
}

#tree {
	max-width: 80px;
	display: block;
	margin: 0 auto;
}

.st0 {
	fill: #332C28;
}

.st1 {
	fill: #00513E;
}

.st2 {
	fill: #003828;
}

.st3 {
	fill: #386FB1;
}

.st4 {
	fill: #28527C;
}

.st5 {
	fill: #EA385C;
}

.st6 {
	fill: #E7B75C;
}

.st7 {
	fill: #B28947;
}

.red {
	fill: #aa1231;
	-webkit-animation: 0.6s red-flash ease-in-out infinite;
	animation: 0.6s red-flash ease-in-out infinite;
}

@-webkit-keyframes red-flash {
	40% {
		fill: #ea385c;
	}

	80% {
		fill: #aa1231;
	}
}

@keyframes red-flash {
	40% {
		fill: #ea385c;
	}

	80% {
		fill: #aa1231;
	}
}

.gold-lt {
	fill: #c1881c;
	-webkit-animation: 0.6s gold-lt-flash ease-in-out infinite;
	animation: 0.6s gold-lt-flash ease-in-out infinite;
}

@-webkit-keyframes gold-lt-flash {
	40% {
		fill: #e7b75c;
	}

	80% {
		fill: #c1881c;
	}
}

@keyframes gold-lt-flash {
	40% {
		fill: #e7b75c;
	}

	80% {
		fill: #c1881c;
	}
}

.blue-lt {
	fill: #1f3e64;
	-webkit-animation: 0.6s blue-lt-flash ease-in-out infinite;
	animation: 0.6s blue-lt-flash ease-in-out infinite;
}

@-webkit-keyframes blue-lt-flash {
	40% {
		fill: #386fb1;
	}

	80% {
		fill: #1f3e64;
	}
}

@keyframes blue-lt-flash {
	40% {
		fill: #386fb1;
	}

	80% {
		fill: #1f3e64;
	}
}

.blue-dk {
	fill: #0f1f2f;
	-webkit-animation: 0.6s blue-dk-flash ease-in-out infinite;
	animation: 0.6s blue-dk-flash ease-in-out infinite;
}

@-webkit-keyframes blue-dk-flash {
	40% {
		fill: #28527c;
	}

	80% {
		fill: #0f1f2f;
	}
}

@keyframes blue-dk-flash {
	40% {
		fill: #28527c;
	}

	80% {
		fill: #0f1f2f;
	}
}

.gold-dk {
	fill: #69512a;
	-webkit-animation: 0.6s gold-dk-flash ease-in-out infinite;
	animation: 0.6s gold-dk-flash ease-in-out infinite;
}

@-webkit-keyframes gold-dk-flash {
	40% {
		fill: #b28947;
	}

	80% {
		fill: #69512a;
	}
}

@keyframes gold-dk-flash {
	40% {
		fill: #b28947;
	}

	80% {
		fill: #69512a;
	}
}

.g1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.g2 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.g3 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

div#christmastree {
	bottom: 30px;
	display: block;
	height: 100px;
	position: fixed;
	width: 100px;
}

.snow-footer {
	background: transparent url(/css/seasonal/christmas/snow-bg.png) bottom left repeat-x;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 99;
}

.snowman {
	width: 200px;
	height: 108px;
	background: url(/css/seasonal/christmas/snowman.png) 0 0 no-repeat;
	position: fixed;
	bottom: 0;
	right: 50px;
	z-index: 9;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor: pointer;
}

	.snowman:hover {
		background: url(/css/seasonal/christmas/snowmanb.png) 0 no-repeat;
		height: 270px;
	}

div#flake {
	color: #05c3d4 !important;
	z-index: 999;
}

.christmas-ice {
	overflow: hidden;
	width: 100%;
	height: 35px;
	position: fixed;
	top: 0%;
	left: 0%;
	background-image: url(/css/seasonal/christmas/icicles.png);
	background-attachment: fixed;
}