.ocean {
    width: 100%;
    bottom:0px;
    left: 0;
    background:#BEDEF5;
    overflow: hidden;
  }

  .wavebtm {
    width:100%;
    height: 0.5%;
    position: absolute;
    bottom:0;
    background:#BEDEF5;
  }
  
  .wave {
    background: url(../images/wave.svg) repeat-x;
    position: absolute;
    z-index:1;
    bottom:0px;
    width: 6400px;
    
    height: 200px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
  }
  
  .wave:nth-of-type(2) {
    
    bottom:-20px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
  }
  .wave-btn {
    position: absolute;
    bottom: 0;
    background-color: blue;
    height:10px;
    width: 100%;
  }
  
  @-webkit-keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  
  @keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  @-webkit-keyframes swell {
    0%, 100% {
      transform: translate3d(0, -25px, 0);
    }
    50% {
      transform: translate3d(0, 5px, 0);
    }
  }
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0, -25px, 0);
    }
    50% {
      transform: translate3d(0, 5px, 0);
    }
  }