body {
  font-family: helvetic, arial, sans-serif;
  font-size: 14px;
  color: #777;
  line-height: 17px;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.header {
  width: 100%;
}

.title {
  margin: -80px auto 30px auto;
  max-width: 860px;
}

.intro {
  margin: 0 auto;
  max-width: 950px;
}

.hits {
  margin: 50px auto 30px auto;
  max-width: 640px;
}

.masonry-layout {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-gap: 20px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  margin-bottom: 30px;
  width: 100%;
}

.masonry-layout-panel {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  margin-bottom: 30px;
}

.masonry-layout-panel img {
  max-width: 375px;
}

.tbc {
  float: right;
  max-width: 460px;
  margin-right: 100px;
}

#fade-gallery {
  width: 100%;
}

.black-overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1001;
  -moz-opacity: .6;
  opacity: .7;
  filter: alpha(opacity=60);
}

.white-content-gallery {
  display: none;
  position: absolute;
  max-width: 1200px;
  z-index: 1002;
  overflow: auto;
  color: #777;
  background: #fff;
  font-size: 14px;
  max-height: 100%;
}

.close-modal a {
  float: right;
  margin-top: 10px;
}

.artist {
  font-weight: 600;
  font-size: 20px;
  margin-top: 50px;
  color: #555;
}

.img-title {
  font-weight: 600;
  font-size: 16px;
  margin-top: 5px;
  color: #555;
}

.year {
  margin-top: 5px;
  font-size: 16px;
}

.size, .desc {
  margin-top: 10px;
}

.bold {
  font-weight: 600;
}

.edition {
  margin-top: 2px;
}

.gallery-container {
  padding: 5px 50px 50px 50px;
}

.gallery-img {
  margin: 35px auto 0 auto;
}

.gallery-img img {
  max-height: 95%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}