/*40th Anniversary Logo Anim*/
@media all and (min-width: 981px) {
	#anni_40_logo {
		left: 3.3%;
		height: 140%;
		max-height: 140%;
	}
}
#anni_40_logo {
	height: 140%;
	max-height: 140%;
	position: absolute;
}
#anni_40_logo.animate {
	-webkit-animation-name: anni-40-logo;
	animation-name: anni-40-logo;
	animation-delay: 5s;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
#logo.transparent {
	opacity: 0;
}
#logo.animate {

	animation-name: anni-40-main-logo;
	animation-delay: 5.5s;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

@keyframes anni-40-logo {
	0% {opacity: 1;}
	99% {opacity: 0;}
	100% {display: none; opacity: 0;}
}

@keyframes anni-40-main-logo {
	0% {opacity: 0;}
	100% {opacity: 1;}
}