#gallery > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.stylist {
  margin-top: 10px;
  font-size: 80%;
  text-align: center;
  color: #767676;
}

#gallery li a:hover p {
  opacity: 0.5;
}

#gallery li {
  width: calc(84% /5);
  float: left;
  margin-right: 4%;
  margin-bottom: 60px;
}

#gallery li:nth-of-type(5n) {
  margin-right: 0;
}

#gallery li img {
  min-width: 100%;
  width: auto;
  max-height: 200px;
  object-fit: cover;
  height: auto;
  object-position: 0 0;
}

@media screen and (max-width:768px) {
  main {
    margin-top: 10px;
  }
  #gallery li {
    width: calc(94% /3);
    margin-right: 3%;
    margin-bottom: 25px;
    overflow: hidden;
  }
  #gallery li:nth-of-type(5n) {
    margin-right: 3%;
  }
  #gallery li:nth-of-type(3n) {
    margin-right: 0;
  }
  .stylist {
    font-size: 70%;
  }
  #gallery li img {
    height: 150px;
  }
}