*{
  margin: 0;
  padding: 0;
}
body{


}

.center{
	width: 25%;
	text-align: left;
	box-sizing: border-box;
	z-index: 2;
	margin-bottom: auto;
	margin-top: -100px;
}
.fly{
	display: inline-block;
	margin-right: 40px;
	font-family: "Viper Squadron Solid";
	font-weight: normal;
	color: #000000;
	opacity: 1;
	transition: all 2.5s ease;
	font-size: 200px;
}
.fly li{
	font-weight: 300;
	font-size: 50px;
	opacity: 1;
	transition: all 2.5s ease;
	margin-right: 50px;
	display: inline-block;
}
.fly.cover li{
  opacity: 0;
}
.fly.cover li:nth-child(1) {
	transform: translateX(-200px) translateY(-200px);
}
.fly.cover li:nth-child(2) { transform: translateX(20px) translateY(100px);}
.fly.cover li:nth-child(3) { transform: translateX(-150px) translateY(-80px);}
.fly.cover li:nth-child(4) { transform: translateX(30px) translateY(200px);}
.fly.cover li:nth-child(5) { transform: translateX(70px) translateY(200px);}
.fly.cover li:nth-child(6) {
	transform: translateX(-180px) translateY(-20px);
}


.fly li:nth-child(6){
  margin-right: 0px;
}
ul.firstName{
  margin-right: 0px;
}
.firstName li:nth-child(4){
  margin-right: 0px;
}

ul.fly{
	margin-right: 0px;
	margin-bottom: -60px;
	padding-bottom: -60px;
}


/*Responsive Sizing*/
@media only screen and (min-width: 320px) and (max-width: 479px){
  .fly li{
	font-size: 20%;
  }
  .center{
	width: 300px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
  .fly li{
	font-size: 20%;
  }
  .center{
	width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .fly li{
	font-size: 20%;
  }
  .center{
	width: 300px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1999px){
  .fly li{
	font-size: 20%;
  }
  .center{
	width: 300px;
  }
  
}