.hero-waves {
	display: block;
	width: 100%;
	height: 60px;
	position: relative;
}
  
.wave1 use {
	-webkit-animation: move-forever1 10s linear infinite;
	animation: move-forever1 10s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
  
.wave2 use {
	-webkit-animation: move-forever2 8s linear infinite;
	animation: move-forever2 8s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
  
.wave3 use {
	-webkit-animation: move-forever3 6s linear infinite;
	animation: move-forever3 6s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
  
@-webkit-keyframes move-forever1 {
	0% {
	  	transform: translate(85px, 0%);
	}
	100% {
	  	transform: translate(-90px, 0%);
	}
}
  
@keyframes move-forever1 {
	0% {
	  	transform: translate(85px, 0%);
	}
	100% {
	  	transform: translate(-90px, 0%);
	}
}
  
@-webkit-keyframes move-forever2 {
	0% {
	  	transform: translate(-90px, 0%);
	}
	100% {
	  	transform: translate(85px, 0%);
	}
}
  
@keyframes move-forever2 {
	0% {
	  	transform: translate(-90px, 0%);
	}
	100% {
	  	transform: translate(85px, 0%);
	}
}
  
@-webkit-keyframes move-forever3 {
	0% {
	  	transform: translate(-90px, 0%);
	}
	100% {
	  	transform: translate(85px, 0%);
	}
}
  
@keyframes move-forever3 {
	0% {
	  	transform: translate(-90px, 0%);
	}
	100% {
	  	transform: translate(85px, 0%);
	}
}