body {
  font-family: Apercu,Helvetica,sans-serif;
  font-size: 16px;
}

#header-nav {
  background-color: #404040;
  color: white;
  padding: 10px 10%;
}

#header-nav .nav-link {
  color: white;
}

#header-nav > * {
  width: 30%;
}

#btn-search {
  border-color: #e64626;
  background-color: #e64626;
  color: #fff;
}

#gallery .item-thumbnail img {
  width: 256px;
}

#view {
  max-width: 100%;
  width: 80%;
}

#view figure li {
  list-style: none;
}

.grid-overlay {
  position: relative;
}

.grid-overlay::before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-image: repeating-linear-gradient(to right,rgba(0, 0, 0, 0.3) 0,transparent 1px,transparent 30px),
    repeating-linear-gradient(to bottom,rgba(0, 0, 0, 0.3) 0,transparent 1px,transparent 30px);
}

#collection .collection-table code {
  display: block;
  max-height: 200px;
  overflow: auto;
}

.modal-image-display.show {
  display: flex !important;
}

.modal-image-display.show .modal-dialog {
  display: inline-block;
  max-width: 80%;
}