#fotogallery {
margin-top: 20px;
}
.masonry img, .onlyone img {
  max-width: 100%;
  vertical-align: bottom;
}
.masonry, .onlyone {
  -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-top: 10px;
  margin-bottom: 30px;
}
.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: 1400px) {
  .masonry {
    -moz-column-count: 4;
    -webkit-column-count:4;
    column-count: 4;
  }
}
@media only screen and (max-width: 1399px) {
  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  }
@media only screen and (max-width: 800px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  }
@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 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}


@media only screen and (min-width: 451px) {
 .onlyone {
    -moz-column-count: 2;
    -webkit-column-count:2;
    column-count: 2;
  }
}
@media only screen and (max-width: 450px) {
  .onlyone {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}