body{
  height:auto;
  margin:0;
  background: url(../img/wall.jpg) no-repeat fixed center;
  background-size: cover;
}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100% !important;
  border: 10px solid;
  background-color:rgba(255, 255, 255, 0.6);
  color: white;
}
.subcontainer {
  /*border: 2px solid red;*/

}
.logo {
  width: 300px;
  margin: 0 auto;
}
.logo-wrapper {
  height: 200px !important;
  background: url(../img/logo.png) no-repeat center;
  background-size: contain;
}
.divider {
  border: 2px solid white;
  margin: 2px 80px;
  height: 200px;
}

#ocean{
  position:absolute;
  bottom:0px;
  width:100%;
  height:20%;
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0, transparent),
  color-stop(0.50, transparent)
  );
}

.wave{
  background:white;
  display:inline-block;
  height:60%;
  width:10px;
  bottom:0px;
  position:absolute;
  -webkit-animation-name:             dostuff;
  -webkit-animation-duration:         3s;
  -webkit-animation-iteration-count:  infinite;
  -webkit-transition-timing-function: ease-in-out;
}


@-webkit-keyframes dostuff{
  0%{
    height:60%;
  }
  50%{
    height:40%;
  }
  100%{
    height:60%;
  }
}