/* CSS Document welcome screen */

*{
	margin:0;
	padding:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:50px;
}
body{ background:#000;color:#fff;}
.fly-in-text{
	list-style:none;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
}
.fly-in-text li{
	display:inline-block;
	margin-right:30px;
	opacity:1;
	transition:all 2.5s ease;
}
.fly-in-text li:last-child{ margin-right:0;}
.fly-in-text.hidden li{ opacity:0;}

.fly-in-text.hidden li:nth-child(1){transform:translateX(-200px) translateY(-200px);}
.fly-in-text.hidden li:nth-child(2){transform:translateX(-20px) translateY(100px);}
.fly-in-text.hidden li:nth-child(3){transform:translateX(-150px) translateY(-80px);}
.fly-in-text.hidden li:nth-child(4){transform:translateX(10px) translateY(-200px);}
.fly-in-text.hidden li:nth-child(5){transform:translateX(-300px) translateY(200px);}
.fly-in-text.hidden li:nth-child(6){transform:translateX(100px) translateY(-200px);}
.fly-in-text.hidden li:nth-child(7){transform:translateX(30px) translateY(200px);}

		
@media (max-width:767px){
	*{font-size:30px;}
	.fly-in-text li{margin-right:0px;}
}