@charset "UTF-8";
.pictures {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin-bottom: -1em;
}
a {
  display: inline-block;
}
img {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
.center-img {
  text-align: center;
}
.full {
  display: none;
  position: fixed;
  left: 0;
  top: 3em;
  right: 0;
  bottom: 0em;
  padding: 2%;
  background: #CCC center no-repeat;
  background: rgba(0, 0, 0, 0.5) center no-repeat;
  background-size: contain;
  background-origin: content-box;
}
a:focus + .full {
  display: block;
}