section .vagues{
	position:absolute;
	top:-0;
	left:0;
	width:100%;
	height:100vh;
	background:rgb(0, 0, 0,0.9);
	overflow:hidden;
}

section .vagues .wave{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	background: url("wave.png");
	background-size:1000px 50px;
	transform: rotate(180deg);
}



section .vagues .wave.wave1{
	animation: animate 30s linear infinite;
	animation-delay:0s;
	top:0;
	z-index:0;
	opacity:0.16;
}

@keyframes animate{
	0%
	{
		background-position-x:0;
	}
	
	100%
	{
		background-position-x:1000px;
	}
}



section .vagues .wave.wave2{
	animation: animate2 20s linear infinite;
	animation-delay:5s;
	top:2px;
	z-index:0;
	opacity:0.12;
}

@keyframes animate2{
	0%
	{
		background-position-x:0;
	}
	
	100%
	{
		background-position-x:-1000px;
	}
}






















section .waves{
	position:absolute;
	bottom:0;
	left:-0;
	width:100%;
	height:60px;
	background: url("img2.0/vagueblue.png");
	background-size:1440px 60px;
	transform: rotate(0deg);
}
section .waves2{
	position:absolute;
	bottom:0;
	left:-0;
	width:100%;
	height:60px;
	background: url("img2.0/vaguepink.png");
	background-size:1440px 60px;
	transform: rotate(0deg);
}

section .waves.wave3{
	animation: animates 30s linear infinite;
	animation-delay:0s;
	bottom:0;
	z-index:0;
	opacity:0.75;
}
section .waves2.wave4{
	animation: animates2 17s linear infinite;
	animation-delay:0s;
	bottom:0;
	z-index:0;
	opacity:0.7;
}

@keyframes animates{
	0%
	{
		background-position-x:0;
	}
	
	100%
	{
		background-position-x:1440px;
	}
}
@keyframes animates2{
	0%
	{
		background-position-x:0px;
	}
	
	100%
	{
		background-position-x:1440px;
	}
}