/* Hero/About divider in normal flow so it always follows hero height */
.wave-separator{
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 220px;
  overflow: hidden;      
  line-height: 0;   
  z-index:0;
  margin-top: -172px;
}

/* let the path inherit the “next” colour automatically       */
.wave-separator svg{
  width: 100%;
  height: 100%;
  display: block;
}

/* Add to style.css */
.section-wave{
  display:block;
  width:100%;
  height:750px;          /* divider height (adjust) */
  line-height:0;         /* removes extra whitespace */
}