.area.overlay {
  @include zeros;
  background-color: rgba($smoke,0.95);
  justify-content: center;
  padding-bottom: 100px;
  padding-top: 100px;
  overflow: scroll;
  display: none;
  height: 100%;
  width: 100%;
  color: $gun;
  z-index: 4;

  &.load {
    @extend %grid_load;
    background-color: $smoke;
    z-index: 5;

    &.demo {
      @extend %grid_load;
    }
  }

  &.mobile {
    @extend %grid_load;
    background-color: $smoke;
  }

  &.about {
    @extend %grid_overlay;

    h4 + p, p + p {
      margin-top: 20px;
    }
  }

  &.browse {
    @extend %grid_overlay;
  }

  &.search {
    @extend %grid_search;
  }
}