html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.gallery {
  width: 100%;
  height: 100%;
}

.item {
  box-sizing: border-box;
  padding: 0px;
}

.item img {
  width: 100%;
  display: block;
}

/* Responsive Layout */
@media (min-width: 768px) {
  .item {
    width: 50%;
    float: left;
  }
}

@media (min-width: 992px) {
  .item {
    width: 33.33%;
  }
}

/* Mobile Layout */
@media (max-width: 767px) {
  .item {
    width: 100%;
    float: none;
  }
}

/*  Simple Light Box */
.sl-overlay {
    background-color:#000;
}

.sl-wrapper .sl-navigation button, .sl-wrapper .sl-close {
    color: #FFF;
}