body {
	background-color: black;
	text-align: center;
}
img {
      border: none;
      outline: none;
}
body a {
	outline:none;	
}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:white;
	text-align: center;
}
p.large {
	font-size: 30px;
}
p.copyright_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	text-align:center;
}
.background {
	position:relative;
	align:center;
	margin:auto;
	width: 974px;
	height: 614px;
}
#BackgroundImage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 974px;
	height: 614px;
	display: inline;
}
#FlatImage {
	position: absolute;
	left: 0px;
	top:0px;
	width: 974px;
	height: 614px;
	opacity: 0;
}
#DavidHeadBody {
	position: absolute;
	left: 13px;
	top: 250px;
	width: 424px;
	height: 351px;
}
#DavidScalp {
	position: absolute;
	left: 122px;
	top: 201px;
	width: 158px;
	height: 51px;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
.headrotate {
	-webkit-animation: headrotate 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: headrotate 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes headrotate
{
from {-webkit-transform: rotate(0deg); }
to {-webkit-transform: rotate(-123deg); }
}
@keyframes headrotate
{
from {transform: rotate(0deg); }
to {transform: rotate(-123deg); }
}
#ComputerArt {
	position: absolute;
	left: 88px;
	top: 218px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveComputerArt {
	-webkit-animation: moveComputerArt 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveComputerArt 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .1s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveComputerArt {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(-2px, -87px) scale(1);}
}
@keyframes moveComputerArt {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(-2px, -87px) scale(1);}
}
#StoryTime2 {
	position: absolute;
	left: 190px;
	top: 283px;
	display: none;
}
#StoryTime {
	position: absolute;
	left: 25px;
	top: 168px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveStoryTime {
	-webkit-animation: moveStoryTime 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .2s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveStoryTime 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .2s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveStoryTime {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(606px, 167px) scale(1);}
}
@keyframes moveStoryTime {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(606px, 167px) scale(1);}
}
#CraterMoonLogo {
	position: absolute;
	left: 113px;
	top: 213px;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	opacity: 0;
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveCraterMoonLogo {
	-webkit-animation: moveCraterMoonLogo 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .3s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveCraterMoonLogo 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .3s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveCraterMoonLogo {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(20px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(555px,162px) scale(1);}
}
@keyframes moveCraterMoonLogo {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(20px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(555px,162px) scale(1);}
}
#BoomZoomStory {
	position: absolute;
	left: 190px;
	top: 283px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveBoomZoom {
	-webkit-animation: moveBoomZoom 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .4s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveBoomZoom 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .4s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveBoomZoom {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(20px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(634px, 103px) scale(1);}
}
@keyframes moveBoomZoom {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(20px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(634px, 103px) scale(1);}
}
#PopDownCardsKids {
	position: absolute;
	left: 111px;
	top: 209px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.movePopDownKids {
	-webkit-animation: movePopDownKids 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .5s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: movePopDownKids 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .5s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes movePopDownKids {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(692px, -58px) scale(1);}
}
@keyframes movePopDownKids{
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(700px, -58px) scale(1);}
}
#PopDown {
	position: absolute;
	left: 111px;
	top: 209px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.movePopDown {
	-webkit-animation: movePopDown 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .6s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: movePopDown 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .6s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes movePopDown {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(527px, -56px) scale(1);}
}
@keyframes movePopDown {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(543px, -56px) scale(1);}
}
#Illustration {
	position: absolute;
	left: 87px;
	top: 150px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveIllustration {
	-webkit-animation: moveIllustration 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .7s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveIllustration 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .7s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveIllustration {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(282px, 142px) scale(1);}
}
@keyframes moveIllustration {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(282px, 142px) scale(1);}
}
#Murals {
	position: absolute;
	left: 145px;
	top: 323px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveMurals {
	-webkit-animation: moveMurals 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .8s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveMurals 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .8s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveMurals {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(328px, -185px) scale(1);}
}
@keyframes moveMurals {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(328px, -185px) scale(1);}
}
#UtahHarvest {
	position: absolute;
	left: 107px;
	top: 228px;
	opacity: 0;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	-webkit-transition: -webkit-transform 1.5;
	transition: transform 1.5s;
}
.moveUtahHarvest {
	-webkit-animation: moveUtahHarvest 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .9s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveUtahHarvest 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: .9s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveUtahHarvest {
0% {-webkit-transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {-webkit-transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {-webkit-transform: rotate(0deg) translate(200px, -116px) scale(1);}
}
@keyframes moveUtahHarvest {
0% {transform: rotate(-50deg) translate(0px, 0px) scale(.1); }
30% {transform: rotate(50deg) translate(30px,-200px) scale(.1); }
100% {transform: rotate(0deg) translate(200px, -116px) scale(1);}
}
#Test {
	position: absolute;
	left: 91px;
	top: 133px;
}