// Background
.bg-img-cover {
  @include background-cover(cover, no-repeat, top, center);
}

.bg-img-cover-bottom {
  @include background-cover(cover, no-repeat, bottom, center);
}

.bg-img-cover-center {
  @include background-cover(cover, no-repeat, center, center);
}

.bg-img-cover-fixed {
  @include background-cover(cover, no-repeat, center, center);
  background-attachment: fixed;
}

.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .85;
}

@each $color, $value in $theme-colors {
  .bg-soft-#{$color} {
  	color: $value;
    background-color: rgba($value, .1);
  }
}