.buttonTitle {
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.masonry img {
    width: 100%;
    height: auto;
    display: block;
}
.wrapper {
    width: 100%;
    /*margin: 3em auto;*/
}
.masonry {
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}
.item {
    border-bottom-color: #c5fe00;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
	/* size of block below JPEG */
    padding-bottom: 10px;
    text-align: center;
	
	/* vertical gap between thumbs */
    margin-bottom: 30px;

    display: inline-block;
    background: #f9f9f9;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}






@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1000px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}