@keyframes float {
	0% {
		/* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
	50% {
		/* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
		transform: translatey(-20px);
	}
	50% {
		/* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
		transform: translatey(20px);
	}
	100% {
		/* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
}

.moving1,
.moving2,
.moving3,
.moving4,
.moving5 {
    display: flex;
    width: 100%;
    height: 100px;
    height: 6.51vw;
    justify-content: center;

}

.moving1 {
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.moving2 {
    transform: translatey(0px);
    animation: float 4s ease-in-out infinite;
}

.moving3 {
    transform: translatey(0px);
    animation: float 2s ease-in-out infinite;
}

.moving4 {
    transform: translatey(0px);
    animation: float 5s ease-in-out infinite;
}

.moving5 {
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}


@media (max-width: 1000px) {

	.moving1,
	.moving2,
	.moving3,
	.moving4,
	.moving5 {
		transform: translatey(0px);
		animation: float 6s ease-in-out infinite;
		animation: none;
	}
	
}