.deck-2 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-2 > .card {
  flex-basis: calc(50% - 30px);
  max-width: calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-3 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-3 > .card {
  flex-basis: calc(33.3333333333% - 30px);
  max-width: calc(33.3333333333% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-4 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-4 > .card {
  flex-basis: calc(25% - 30px);
  max-width: calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-5 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-5 > .card {
  flex-basis: calc(20% - 30px);
  max-width: calc(20% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-6 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-6 > .card {
  flex-basis: calc(16.6666666667% - 30px);
  max-width: calc(16.6666666667% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-7 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-7 > .card {
  flex-basis: calc(14.2857142857% - 30px);
  max-width: calc(14.2857142857% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-8 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-8 > .card {
  flex-basis: calc(12.5% - 30px);
  max-width: calc(12.5% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-9 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-9 > .card {
  flex-basis: calc(11.1111111111% - 30px);
  max-width: calc(11.1111111111% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-10 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-10 > .card {
  flex-basis: calc(10% - 30px);
  max-width: calc(10% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-11 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-11 > .card {
  flex-basis: calc(9.0909090909% - 30px);
  max-width: calc(9.0909090909% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-12 {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.deck-12 > .card {
  flex-basis: calc(8.3333333333% - 30px);
  max-width: calc(8.3333333333% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-1 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-1 > .card {
  flex-basis: calc(100% - 30px);
  max-width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-2 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-2 > .card {
  flex-basis: calc(50% - 30px);
  max-width: calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-3 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-3 > .card {
  flex-basis: calc(33.3333333333% - 30px);
  max-width: calc(33.3333333333% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-4 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-4 > .card {
  flex-basis: calc(25% - 30px);
  max-width: calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-5 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-5 > .card {
  flex-basis: calc(20% - 30px);
  max-width: calc(20% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-6 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-6 > .card {
  flex-basis: calc(16.6666666667% - 30px);
  max-width: calc(16.6666666667% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-7 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-7 > .card {
  flex-basis: calc(14.2857142857% - 30px);
  max-width: calc(14.2857142857% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-8 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-8 > .card {
  flex-basis: calc(12.5% - 30px);
  max-width: calc(12.5% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-9 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-9 > .card {
  flex-basis: calc(11.1111111111% - 30px);
  max-width: calc(11.1111111111% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-10 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-10 > .card {
  flex-basis: calc(10% - 30px);
  max-width: calc(10% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-11 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-11 > .card {
  flex-basis: calc(9.0909090909% - 30px);
  max-width: calc(9.0909090909% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.deck-12 {
  margin-left: -15px;
  margin-right: -15px;
}
.deck-12 > .card {
  flex-basis: calc(8.3333333333% - 30px);
  max-width: calc(8.3333333333% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

@media (min-width: 576px) {
  .deck-sm-1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-1 > .card {
    flex-basis: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-2 > .card {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-3 > .card {
    flex-basis: calc(33.3333333333% - 30px);
    max-width: calc(33.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-4 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-4 > .card {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-5 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-5 > .card {
    flex-basis: calc(20% - 30px);
    max-width: calc(20% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-6 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-6 > .card {
    flex-basis: calc(16.6666666667% - 30px);
    max-width: calc(16.6666666667% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-7 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-7 > .card {
    flex-basis: calc(14.2857142857% - 30px);
    max-width: calc(14.2857142857% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-8 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-8 > .card {
    flex-basis: calc(12.5% - 30px);
    max-width: calc(12.5% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-9 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-9 > .card {
    flex-basis: calc(11.1111111111% - 30px);
    max-width: calc(11.1111111111% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-10 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-10 > .card {
    flex-basis: calc(10% - 30px);
    max-width: calc(10% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-11 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-11 > .card {
    flex-basis: calc(9.0909090909% - 30px);
    max-width: calc(9.0909090909% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-sm-12 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-sm-12 > .card {
    flex-basis: calc(8.3333333333% - 30px);
    max-width: calc(8.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .deck-md-1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-1 > .card {
    flex-basis: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-2 > .card {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-3 > .card {
    flex-basis: calc(33.3333333333% - 30px);
    max-width: calc(33.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-4 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-4 > .card {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-5 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-5 > .card {
    flex-basis: calc(20% - 30px);
    max-width: calc(20% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-6 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-6 > .card {
    flex-basis: calc(16.6666666667% - 30px);
    max-width: calc(16.6666666667% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-7 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-7 > .card {
    flex-basis: calc(14.2857142857% - 30px);
    max-width: calc(14.2857142857% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-8 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-8 > .card {
    flex-basis: calc(12.5% - 30px);
    max-width: calc(12.5% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-9 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-9 > .card {
    flex-basis: calc(11.1111111111% - 30px);
    max-width: calc(11.1111111111% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-10 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-10 > .card {
    flex-basis: calc(10% - 30px);
    max-width: calc(10% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-11 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-11 > .card {
    flex-basis: calc(9.0909090909% - 30px);
    max-width: calc(9.0909090909% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-md-12 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-md-12 > .card {
    flex-basis: calc(8.3333333333% - 30px);
    max-width: calc(8.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .deck-lg-1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-1 > .card {
    flex-basis: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-2 > .card {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-3 > .card {
    flex-basis: calc(33.3333333333% - 30px);
    max-width: calc(33.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-4 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-4 > .card {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-5 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-5 > .card {
    flex-basis: calc(20% - 30px);
    max-width: calc(20% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-6 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-6 > .card {
    flex-basis: calc(16.6666666667% - 30px);
    max-width: calc(16.6666666667% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-7 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-7 > .card {
    flex-basis: calc(14.2857142857% - 30px);
    max-width: calc(14.2857142857% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-8 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-8 > .card {
    flex-basis: calc(12.5% - 30px);
    max-width: calc(12.5% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-9 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-9 > .card {
    flex-basis: calc(11.1111111111% - 30px);
    max-width: calc(11.1111111111% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-10 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-10 > .card {
    flex-basis: calc(10% - 30px);
    max-width: calc(10% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-11 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-11 > .card {
    flex-basis: calc(9.0909090909% - 30px);
    max-width: calc(9.0909090909% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-lg-12 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-lg-12 > .card {
    flex-basis: calc(8.3333333333% - 30px);
    max-width: calc(8.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1200px) {
  .deck-xl-1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-1 > .card {
    flex-basis: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-2 > .card {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-3 > .card {
    flex-basis: calc(33.3333333333% - 30px);
    max-width: calc(33.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-4 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-4 > .card {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-5 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-5 > .card {
    flex-basis: calc(20% - 30px);
    max-width: calc(20% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-6 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-6 > .card {
    flex-basis: calc(16.6666666667% - 30px);
    max-width: calc(16.6666666667% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-7 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-7 > .card {
    flex-basis: calc(14.2857142857% - 30px);
    max-width: calc(14.2857142857% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-8 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-8 > .card {
    flex-basis: calc(12.5% - 30px);
    max-width: calc(12.5% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-9 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-9 > .card {
    flex-basis: calc(11.1111111111% - 30px);
    max-width: calc(11.1111111111% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-10 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-10 > .card {
    flex-basis: calc(10% - 30px);
    max-width: calc(10% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-11 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-11 > .card {
    flex-basis: calc(9.0909090909% - 30px);
    max-width: calc(9.0909090909% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .deck-xl-12 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deck-xl-12 > .card {
    flex-basis: calc(8.3333333333% - 30px);
    max-width: calc(8.3333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}

/*# sourceMappingURL=picture_list_deck.css.map */