@import '../../components/variables.scss';

.banner {
  /* fallbacks */
  background: #2f77d0;

  background-image: linear-gradient(to bottom right, #52bfbf, #2f77d0);
}

.banner-icon-bg {
  @include container-width;

  background-image: url('../../static/images/top-bg.png');
  background-repeat: no-repeat;
  background-position: -17px 47px;
  background-size: 214px 327px;

  @include desktop {
    background-position: 37px 75px, 0% 0%;
  }
}

@import '../../components/variables.scss';

.banner {
  /* fallback */
  background: #00a5cd;

  background-image: linear-gradient(to bottom right, #03c2bf, #0076cb);
}

.banner-icon-bg {
  @include container-width;

  background-image: url('../../static/images/top-bg.png');
  background-repeat: no-repeat;
  background-position: -17px 47px;
  background-size: 214px 327px;

  @include desktop {
    background-position: 37px 75px, 0% 0%;
  }
}

Adjust landing page banner gradient color
Adjust landing page banner gradient color

refs #392
