@media (max-width: 500px){
	.rocket{
		position: relative;
    	margin: 0 auto;
    	margin-top: -781px;  
    	height: 17px;
  		width: 384px;
	}
	.ani-logo{
		font-size: 33px;
		margin-top: 17px;
	}
	#about{
		margin-top: 80%;
	}
	.ani-form{
		background: #050b12;
		margin: 0;
	}
}
@media (max-width: 620px){
	.rocket{
		position: relative;
    	margin: 0 auto;
    	margin-top: -781px;  
    	height: 17px;
  		width: 384px;
	}
	.ani-logo{
		font-size: 33px;
		margin-top: 17px;
	}
	#about{
		margin-top: 80%;
	}
	.ani-form{
		background: #050b12;
		margin: 0;
	}
}
@media (max-width: 750px){
	.rocket{
		position: relative;
    	margin: 0 auto;
    	margin-top: -781px;  
    	height: 17px;
  		width: 384px;
	}
	.ani-logo{
		font-size: 33px;
		margin-top: 17px;
	}
	#about{
		margin-top: 80%;
	}
	.ani-form{
		background: #050b12;
		margin: 0;
	}
}
@media (max-width: 950px){
	.rocket{
		position: relative;
    	margin: 0 auto;
    	margin-top: -781px;  
    	height: 17px;
  		width: 384px;
	}
	.ani-logo{
		font-size: 33px;
		margin-top: 17px;
	}
	#about{
		margin-top: 80%;
	}
	.ani-form{
		background: #050b12;
		margin: 0;
	}
	#testimonial{
  		background-color: #050b12;
  		background-image: linear-gradient(to top,#050b12, #15304e);
  		background-size: 100%;
  		height: 140vh;
	}
}
@media (max-width: 500px){
	.warpper div{
  width: 70px;
  height: 70px;
  position: absolute;
}
.warpper div:nth-child(1){
  margin-top: 15%;
  left: 30%;
  animation: square 5s linear infinite;
}
.warpper div:nth-child(2){
  margin-top: 60%;
  left: 56%;
  animation: square 8s linear infinite;
}
.warpper div:nth-child(3){
  margin-top: 1811%;
  right: 30%;
  animation: square 12s linear infinite;
}
.warpper div:nth-child(4){
  margin-top: 105%;
  right: 20%;
  animation: square 13s linear infinite;
}
.warpper div:nth-child(5){
  margin-top: 468%;
  left: -2%;
  animation: square 15s linear infinite;
}
.warpper div:nth-child(6){
  margin-top: 1495%;
  right: 0%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(7){
  margin-top: 1828%;
  left: -1%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(8){
  margin-top: 210%;
  right: -5%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(9){
  margin-top: 180%;
  right: 50%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(10){
  margin-top: 280%;
  right: 50%;
  animation: square 22s linear infinite;
}
.warpper div:nth-child(11){
  margin-top: 1495%;
  left: 10%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(12){
  margin-top: 250%;
  left: -2%;
  animation: square 18s linear infinite;
}
.warpper div:nth-child(13){
  margin-top: 300%;
  left: -2%;
  animation: square 28s linear infinite;
}
.warpper div:nth-child(14){
  margin-top: 320%;
  right: -5%;
  animation: square 10s linear infinite;
}
.warpper div:nth-child(15){
  margin-top: 270%;
  right: -5%;
  animation: square 18s linear infinite;
}
.warpper div:nth-child(16){
  margin-top: 800%;
  left: 30%;
  animation: square 28s linear infinite;
}
.warpper div:nth-child(17){
  margin-top: 699%;
  right: -2%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(18){
  margin-top: 1600%;
  left: 5%;
  animation: square 30s linear infinite;
}
.warpper div:nth-child(19){
  margin-top: 340%;
  right: -5%;
  animation: square 32s linear infinite;
}
.warpper div:nth-child(20){
  margin-top: 512%;
  right: 16%;
  animation: square 15s linear infinite;
}
.warpper div:nth-child(21){
  margin-top: 512%;
  right: 30%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(22){
  margin-top: 385%;
  right: -5%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(23){
  margin-top: 390%;
  left: 30%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(24){
  margin-top: 490%;
  right: 30%;
  animation: square 25s linear infinite;
}
}

@media (max-width: 650px){
	.warpper div{
  width: 70px;
  height: 70px;
  position: absolute;
}
.warpper div:nth-child(1){
  margin-top: 15%;
  left: 30%;
  animation: square 5s linear infinite;
}
.warpper div:nth-child(2){
  margin-top: 60%;
  left: 56%;
  animation: square 8s linear infinite;
}
.warpper div:nth-child(3){
  margin-top: 1811%;
  right: 30%;
  animation: square 12s linear infinite;
}
.warpper div:nth-child(4){
  margin-top: 105%;
  right: 20%;
  animation: square 13s linear infinite;
}
.warpper div:nth-child(5){
  margin-top: 468%;
  left: -2%;
  animation: square 15s linear infinite;
}
.warpper div:nth-child(6){
  margin-top: 1495%;
  right: 0%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(7){
  margin-top: 1828%;
  left: -1%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(8){
  margin-top: 210%;
  right: -5%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(9){
  margin-top: 180%;
  right: 50%;
  animation: square 20s linear infinite;
}
.warpper div:nth-child(10){
  margin-top: 280%;
  right: 50%;
  animation: square 22s linear infinite;
}
.warpper div:nth-child(11){
  margin-top: 1495%;
  left: 10%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(12){
  margin-top: 250%;
  left: -2%;
  animation: square 18s linear infinite;
}
.warpper div:nth-child(13){
  margin-top: 300%;
  left: -2%;
  animation: square 28s linear infinite;
}
.warpper div:nth-child(14){
  margin-top: 320%;
  right: -5%;
  animation: square 10s linear infinite;
}
.warpper div:nth-child(15){
  margin-top: 270%;
  right: -5%;
  animation: square 18s linear infinite;
}
.warpper div:nth-child(16){
  margin-top: 800%;
  left: 30%;
  animation: square 28s linear infinite;
}
.warpper div:nth-child(17){
  margin-top: 699%;
  right: -2%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(18){
  margin-top: 1600%;
  left: 5%;
  animation: square 30s linear infinite;
}
.warpper div:nth-child(19){
  margin-top: 340%;
  right: -5%;
  animation: square 32s linear infinite;
}
.warpper div:nth-child(20){
  margin-top: 512%;
  right: 16%;
  animation: square 15s linear infinite;
}
.warpper div:nth-child(21){
  margin-top: 512%;
  right: 30%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(22){
  margin-top: 385%;
  right: -5%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(23){
  margin-top: 390%;
  left: 30%;
  animation: square 25s linear infinite;
}
.warpper div:nth-child(24){
  margin-top: 490%;
  right: 30%;
  animation: square 25s linear infinite;
}
}