body{
    background-color: #fafafa;
}
.card{
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    padding:0;
    border-radius: 3px;
}
.card figcaption{
    padding: 16px;
}
.card img{
    width: 100%;
    display: block;
    position: relative;
}

@media (max-width: 768px) {
    .gallery-masonry { /* Masonry container */
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
    }
}
@media (min-width: 768px) {
    .gallery-masonry { /* Masonry container */
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
    }
}

@media (min-width: 992px) {
    .gallery-masonry { /* Masonry container */
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
    }
}

@media (min-width: 1200px) {
    .gallery-masonry { /* Masonry container */
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 1em;
        column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
    }
}
.card {
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}
.card-flat .card{
    box-shadow: 0 0 0 0 transparent;
    background-color: #fff;
}
.gallery-title{
    margin-top: 40px;
    margin-bottom: 30px;
}
.link-wrapper{
    background: #f8f4b2;
    padding: 8px;
    margin-bottom: 30px;
}
.link-wrapper a{
    color: #333;
    padding: 8px 16px 8px 0;

}