.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  margin: auto;
  width: 320px;
}
.masonry .brick {
  margin-bottom:2px;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
  opacity: .75;
}

@media only screen and (min-width: 655px) {
  .masonry {
    width: 650px;
  }
  .wrapper {
    max-width: 700px;
  }
}
@media only screen and (min-width: 970px) {
  .masonry {
    width: 970px;
  }
  .wrapper {
    max-width: 1000px;
  }
}
#loadingbar {
    width: 100%;
    position: fixed;
    bottom: 80px;
    text-align: center;
}