/*

linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2))

*/

.interrogation {
  list-style: disc;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 50px;
  font-size: 100%;
  background-size: cover;
  background-position: top;
  border: 1px solid #444;
  border-radius: 10px;
}

.interrogation li {
  padding-top: 70px;
  padding-bottom: 10px;
}

.fmorgan {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.7)),
      to(rgba(0, 0, 0, 0.2))
    ),
    url(img/Traffic/any/the-drivers-seat/Morgan1-min.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)),
    url(img/Traffic/any/the-drivers-seat/Morgan1-min.jpg);
  background-size: cover;
  background-position: bottom;
}

.pattison {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.4))
    ),
    url(img/Traffic/any/a-marriage-made-in-heaven/mrspattison-min.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)),
    url(img/Traffic/any/a-marriage-made-in-heaven/mrspattison-min.jpg);
  background-size: cover;
  background-position: top;
}

.ballard {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.7)),
      to(rgba(0, 0, 0, 0.7))
    ),
    url(img/Traffic/any/the-fallen-idol/ballard-min.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(img/Traffic/any/the-fallen-idol/ballard-min.jpg);
  background-size: cover;
  background-position: top;
}

.jessica {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Traffic/any/the-fallen-idol/jessica-min.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Traffic/any/the-fallen-idol/jessica-min.jpg);
  background-size: cover;
  background-position: top;
}

.bishop {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Traffic/any/the-fallen-idol/mrs-bishop-min.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Traffic/any/the-fallen-idol/mrs-bishop-min.jpg);
  background-size: cover;
  background-position: top;
}
.mccoll {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/red-lipstick-murder/McColl.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/red-lipstick-murder/McColl.jpg);
  background-size: cover;
  background-position: top;
}

.jacob {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/red-lipstick-murder/jacob.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/red-lipstick-murder/jacob.jpg);
  background-size: cover;
  background-position: top;
}

.michelle {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/the-golden-butterfly/michelle.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/the-golden-butterfly/michelle.jpg);
  background-size: cover;
  background-position: top;
}

.hugo {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/the-golden-butterfly/hugo-at-residence.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/the-golden-butterfly/hugo-at-residence.jpg);
  background-size: cover;
  background-position: top;
}

.hugo-central {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/the-golden-butterfly/hugo-at-central2.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/the-golden-butterfly/hugo-at-central2.jpg);
  background-size: cover;
  background-position: top;
}

.angel {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/silk-stocking-murder/angel.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/silk-stocking-murder/angel.jpg);
  background-position: top;
}

.clem {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/silk-stocking-murder/clem.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/silk-stocking-murder/clem.jpg);
  background-position: top;
}

.barton {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/white-shoe-slaying/barton.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/white-shoe-slaying/barton.jpg);
  background-position: top;
}

.lars {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/white-shoe-slaying/lars.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/white-shoe-slaying/lars.jpg);
  background-position: top;
}

.stuart {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/white-shoe-slaying/stuart.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/white-shoe-slaying/stuart.jpg);
  background-position: top;
}

.mccaffreyMenschs {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/studio-secretary-murder/mccaffrey-menschs.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/studio-secretary-murder/mccaffrey-menschs.jpg);
}

.robbins {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/studio-secretary-murder/robbins.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/studio-secretary-murder/robbins.jpg);
  background-position: right top;
}

.tiernan1 {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/studio-secretary-murder/tiernan1.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/studio-secretary-murder/tiernan1.jpg);
}

.mccaffreyCentral {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/studio-secretary-murder/mccaffrey-central.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/studio-secretary-murder/mccaffrey-central.jpg);
}

.tiernan2 {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0.5))
    ),
    url(img/Homicide/any/studio-secretary-murder/tiernan2.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/Homicide/any/studio-secretary-murder/tiernan2.jpg);
  background-position: right;
}

@media only screen and (max-width: 1440px) {
  .pattison {
    min-height: 40vh;
  }
}

@media only screen and (max-width: 798px) {
  .interrogation {
    background-attachment: scroll;
  }

  .jessica {
    background-position: right;
  }
}

@media only screen and (max-width: 480px) {
  .fmorgan {
    background-position: 55%;
  }

  .pattison {
    background-position: 75%;
  }

  .ballard {
    background-attachment: scroll;
    background-position: 55%;
  }

  .jessica {
    background-position: 77%;
  }

  .bishop {
    background-position: 57%;
  }

  .hugo-central {
    background-position: 60%;
  }

  .robbins {
    background-position: 66%;
  }

  .tiernan2 {
    background-position: 70%;
  }
}