.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%;
border-radius: 3px;
}

.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }

.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
border-radius: 2px;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
border-radius: 2px;
}
}

.img-fluid{
  border-radius: 5px;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.21);
}

.btn-outline-dark {
  border: 2px solid !important;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  margin: .375rem;