.color-purple {
  color: #3C3EFF;
}
.color-gray {
  color: #7999AF;
}
.color-white {
  color: #FFF;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-purple {
  background-color: #3C3EFF;
}

.bg-city-scape {
  background: url('../images/city-scape.svg'), linear-gradient(to top, rgba(0, 59, 255, 0.05), rgba(255, 255, 255, 0));;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.bg-town-scape {
  background: url('../images/town-scape.svg'), linear-gradient(to top, rgba(0, 59, 255, 0.05), rgba(255, 255, 255, 0));;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

@media screen and (max-width: 30em) {
  .bg-city-scape {
    background-size: 200%;
  }
}

.bs1 {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .10);
}

.bs2 {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, .05);
}

.bs3 {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, .1);
}

.opacity-5 {
  opacity: 0.5;
}