.wave-img {
background-image: url(../img/banner.jpg);
}


/* 2. additional styling */
.overlay-dark-60:before {
z-index: 9;
}

#wave {
position: absolute;
width: 100%;
height: 50%;
left: 0;
bottom: 0;
overflow: hidden;
bottom: 0;
left: 0;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 10; 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #wave {
    z-index: 10;
  }
}

@media only screen and (max-width: 900px) {
  #wave {
    display: none;
	visibility: hidden;
  }
}

@media only screen and (max-width: 900px) {
  .bottom-credits.bottom-credits-dark,
  .bottom-credits.bottom-credits-dark a,
  .bottom-credits.bottom-credits-dark a:hover {
    color: #fff;
  }
}

@media only screen and (max-width: 900px) {
  .scroll-indicator.scroll-indicator-dark {
    background-color: rgba(255, 255, 255, .25);
  }

  .scroll-indicator.scroll-indicator-dark::before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  }
}

@media only screen and (max-width: 900px) {
  ul.social-icons.social-icons-dark a,
  ul.social-icons.social-icons-dark a:hover {
    color: #fff;
  }
}