#logo {
	display: block;
	position: relative;
	width: 500px;
	margin-left: -87px;
}
#logo > a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.home #logo > svg {
	max-width: 100%;
	cursor: pointer;
	will-change: transform, opacity;
	-webkit-transform: translate3d(0,0,0);
}
.home #logo > svg #spotlight {
	transform: translateX(65%);
  	animation: spotlight 1.5s ease-in-out .5s 1 forwards;
}
.home #logo > svg #bkgr {
	opacity: 0;
  	animation: fadein .5s ease-in-out .5s 1 forwards;
}
.home #logo > svg #filmforward {
	opacity: 0;
  	animation: reveal 1.5s ease-in-out .5s 1 forwards;
}
/*#logo:hover > svg #filmforward {
	animation: reveal 1.5s ease-in-out forwards;
}*/

#logo > svg #bkgr {
	opacity: 1;
} 
#logo > svg #spotlight {
	transform: translateX(0);
	opacity: 1;
}
#logo > svg #filmforward {
	opacity: 0;
}
			
@keyframes fadein {
			  
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes spotlight {
			  
	0% {
		transform: translateX(65%);
		opacity: 0;
		}
	60% {
		transform: translateX(-7%);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes reveal {
			  
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}