.block-porfolio {
margin-top: 5rem;
}

.block-porfolio .title {
margin-bottom: 2rem;
text-align: center;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
}

.bmasonry-wrapper {
padding: 0 .5rem;
min-height: 10rem;
}

.bmasonry {
width: 100%;
opacity: 1;
transition: opacity 0.4s ease-out 0s;
}

.bmasonry.loaded {
opacity: 1;
}

.bmasonry img {
}

.bmasonry .img-item {
padding: .5rem;
}

@media(min-width:320px) {
  .bmasonry .img-item {width: 50%;}
}
@media(min-width:768px) {
  .bmasonry .img-item {width: 33.333%;}
}
@media(min-width:992px) {
  .bmasonry .img-item {width: 25%;}
}
@media(min-width:1200px) {
  .bmasonry .img-item {width: 20%;}
}