*{margin: 0; padding: 0;}
html{height: 100%;}
body{
	background: linear-gradient(
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 0.2)
	), url('bg.jpg') no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	height: 100%;
	overflow: hidden;
}
#wrapper{max-width: 1042px; margin: 0 auto; text-align: center; font-family: 'Lato', sans-serif; height: 100%;}
img#logo{width: 50%; margin-top: 1em;}

h2{
	font-size: 2.5em;
	margin: 15px;
	margin-top: 5px;
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s;
}
p{font-size: 1.2em; margin-bottom: 10px;}

.anim0{
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.anim1{
	-webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.anim2{
	-webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.anim3{
	-webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.anim4{
	-webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.anim5{
	-webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.anim6{
	-webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.anim7{
	-webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

#wrapper .credit{
	-webkit-animation-delay: 4.9s;
    animation-delay: 4.9s;
}
#wrapper .credit img{
	width: 100px;
	margin-top: 30px;
	-webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}