/* landing section */

$landing-overlay-color: $citrus-orange;

#landing {
  @include set-size(100%,100%);

  padding: 0;
  margin: 0;
}

@mixin landing-background($image-src) {
  @include set-size(100%,100%);
  @include background-size(cover);
  background-image: linear-gradient(
                      rgba($landing-overlay-color, 0.3),
                      rgba($landing-overlay-color, 0.3)),
                      image-url($image-src);
  background-repeat: no-repeat;
  background-position: center;

  position: fixed;
  z-index: -9999;
  /* prevent content from dragging background around */
  overflow: hidden;
}
@media (min-width: 321px) {
  #landing-bg {
    @include landing-background('ucr-campus.jpg');
  }
}

@media (max-width: 320px) {
#landing-bg {
    @include landing-background('small-ucr-campus.jpg');
  }
}