.album_list {
  background-color: $gray;

  h1 {
    font-size: 2em;
    a {
      color: $dark-purple;
    }

    font-family: $body-font;
    padding-left: 0.2em;
    width: 100%;
    background-color: $light-purple;
    margin: 0;
  }

  p {
    padding-left: 2em;
  }
}

.album-tile {
  width: 100%;
  position: relative;
  padding: 0 0 0 0 !important;

  h2 {
    margin: 0px;
  }

  * {
    font-family: $body-font;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    color: white;
  }

  .title {
    position: absolute;
    bottom: 0px;
    font-size: 0.7em;
    line-height: 1em;
    padding-left: 0.7em;
    padding-bottom: 0.1em;
  }

  .img-count {
    position: absolute;
    margin-top: 0;
    font-size: 1.2em;
    text-align: left;
    padding-left: 1em;
  }
}

.album_list {
  background-color: $gray;
  min-height: 60em;


  h1 {
    font-size: 2em;
    a {
      color: $dark-purple;
    }

    font-family: $body-font;
    padding-left: 0.2em;
    width: 100%;
    background-color: $light-purple;
    margin: 0;
  }

  p {
    padding-left: 2em;
  }
}

.album-tile {
  width: 100%;
  position: relative;
  padding: 0 0 0 0 !important;

  h2 {
    margin: 0px;
  }

  * {
    font-family: $body-font;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    color: white;
  }

  .title {
    position: absolute;
    bottom: 0px;
    font-size: 0.7em;
    line-height: 1em;
    padding-left: 0.7em;
    padding-bottom: 0.1em;
  }

  .img-count {
    position: absolute;
    margin-top: 0;
    font-size: 1.2em;
    text-align: left;
    padding-left: 1em;
  }
}

Extend gray background on album/index to full height of page
Extend gray background on album/index to full height of page
