/** Gallery */
.field-name-field-gallery-images {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.field-name-field-gallery-images .field-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -5px;
  margin-right: -5px;
}

/** Set floats only on flexbox */
.field-name-field-gallery-images .field-items .field-item {
  width: 50%;
}

.has-flexbox .field-name-field-gallery-images .field-items .field-item {
  float: none;
}

.field-name-field-gallery-images .field-items a,
.field-name-field-gallery-images .field-items img {
  display: block;
  width: 100%;
}

.field-name-field-gallery-images .field-items .field-item > a {
  padding: 5px;
  margin: 0;
  transition: 0.2s all ease-in;
}

.field-name-field-gallery-images .field-items .field-item > a:hover,
.field-name-field-gallery-images .field-items .field-item > a:focus {
  background-color: var(--highlight-colour);
}

@media only screen and (min-width: 375px) {
  .field-name-field-gallery-images .field-items .field-item {
    width: 25%;
  }
}