/* Box-sizing reset: //w3bits.com/?p=3225 */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* The Masonry Container */
.masonry {
	margin: 0px;
	column-gap: 0px;
}

/* The Masonry Brick */
.masonry-item {
	padding: 0px;
	margin: 0px;
}

.masonry-item img {
	display: block;
	width: 100%;
}
/*
 Customize gaps here
.masonry {
	column-gap: 0.8em;
}

.masonry,
.masonry-item {
	margin-bottom: 0.8em;
}
*/

@media (orientation: landscape) {
	.masonry {
		column-count: 5;
	}

	@media only screen and (max-width: 768px) {
		.masonry {
			column-count: 4;
		}
	}

	@media only screen and (max-width: 480px) {
		.masonry {
			column-count: 3;
		}
	}

}

@media (orientation: portrait) {
	.masonry {
		column-count: 3;
	}

	@media only screen and (max-width: 768px) {
		.masonry {
			column-count: 2;
		}
	}

	@media only screen and (max-width: 480px) {
		.masonry {
			column-count: 1;
		}
	}

}