.banner {
  /*background-image: url("images/swimming_main.png");*/
  height: 100vh;
  /*background-position: 50%;*/
  /*background-size: cover*/
  display: flex;
  position: relative;
}

.banner-content {
  flex:1 0 300px;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.banner-content h1 {
  color: rgba(0,220,255,0.28);
  transform: rotate(-90deg);
  font-family: 'Indie Flower', cursive;
  font-size: 100px;
}

.banner-image {
  flex: 0 1 70%;
  background-image: url("images/swimming_main.jpg");
  background-size: cover;
  background-position: right;
}
.banner-image .filter {
  background-image: linear-gradient(-90deg, rgba(0,0,0,0.8), rgba(0,0,0,1));
  height: 100%;
}

.banner-foot {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
}

.scroll-label {
  font-size: 25px;
  transform: translateY(-10px);
  animation: iconbounce 2s infinite;
  color: rgba(0,220,255,0.1);
}

@keyframes iconbounce {
    50% {
      transform: translateY(0);
      color: rgba(0,220,255,0.20);
      font-size: 30px;
    }
}