.photostack {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #f7f3f1;
  margin-bottom: 3rem;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.photostack figure {
  background-color: white;
  width: 320px;
  height: 390px;
}

.photostack figure a {
  background-color: white;
}

.photostack figure figcaption h2 {
  background-color: white;
  color: #333333;
  font-family: "Barlow", serif, sans-serif;
}

.photostack figure::after {
  background: none;
}

.photostack nav span {
  display: none;
}

.photostack nav span.arrow-right,
.photostack nav span.arrow-left {
  display: inline-block;
  border: solid #333;
  border-width: 0 9px 9px 0;
  display: inline-block;
  padding: 8px;
  background: none !important;
  border-radius: 5px;
  width: 0;
  height: 0;
  margin: 0px 3em;
}

.photostack nav span.arrow-right {
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
}

.photostack nav span.arrow-left {
  transform: rotate(135deg) !important;
  -webkit-transform: rotate(135deg) !important;
}

@media (min-width: 1200px) {
  .photostack {
    background-image: url("/css/img/photoc.png");
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .photostack {
    background-image: url("/css/img/photoc_1200.png");
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .photostack {
    background-image: url("/css/img/photoc_992.png");
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .photostack {
    background-image: url("/css/img/photoc_768.png");
  }
}

@media (max-width: 575.98px) {
  .photostack {
    background-image: url("/css/img/photoc_576.png");
  }
}

.photostack.about-us figure {
  background: none;
}

.photostack.about-us figure a {
  background: none;
}