.waves {
  position:relative;
  width: 100%;
  height: 88px;
  margin-bottom:-11px; /*Fix for safari gap*/
  min-height:3px;
  max-height:99px;
  z-index: 998;
}

.waves_container {
        position: absolute;
    bottom: 10px;
    width: 100%;
}

.waves_container.waves_top {
    transform: rotate(180deg);
    top: 0px !important;
    bottom: auto;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.52,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:30px;
    min-height:88px;
  }
    .waves .content {
    height:5vh;
  }
  h1 {
  font-size: clamp(2rem, 11vw, 4rem);
  text-align: center;
  margin-bottom: 2vw;
  color: white;
   
  }
  .textac  {   
  font-size: clamp(1rem, 3vw, 1.5rem);
  text-align: center;
  margin-bottom: 3vw;
  color: white;}
}