<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#fotogallery {
padding-top: 20px;
text-align: left;
}
.masonry img, .onlyone img {
  max-width: 100%;
  vertical-align: bottom;
}
.masonry, .onlyone, .onlytwo {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
  margin-bottom: 10px;
}
.masonry .brick, .onlyone .brick {
   margin-bottom: 10px;
}
.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 10px 0;
}

@media only screen and (min-width: 601px) {
  .masonry {
    -moz-column-count: 4;
    -webkit-column-count:4;
    column-count: 4;
  }
  .onlytwo {
    -moz-column-count: 2;
    -webkit-column-count:2;
    column-count: 2;
  }
  .onlyone {
    -moz-column-count: 1;
    -webkit-column-count:1;
    column-count: 1;
  }
}
@media only screen and (max-width: 600px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  }
@media only screen and (max-width: 414px) {
  .masonry, .onlytwo {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
</pre></body></html>