/* General style */


/* layout */
.masonry-outer,
.masonry { 
	overflow: hidden; 
	}
.masonry { width: calc(100% + 3em); }
.masonry > * {
	overflow: hidden;
	padding: 0 3em 0 0 !important;
	margin: 0 0 3em 0 !important;
	}
.masonry img {
	display: block;
	width: 100%;
	height: auto;
}


/* for posts */
.masonry > article > a { 
	border-bottom: 1px dotted #D0D9A5; 
	display: block;
	}
.masonry > article .articleheader,
.masonry > article .content,
.masonry > article .articlefooter {
	display: none;
}



/* width */
@media screen and (min-width: 1024px)	{ 
	.masonry > * { 
		width: 33.33%;
		} 
	}
@media screen and (max-width: 1024px)	{ 
	.masonry > * { 
		width: 50%;
		} 
	}
@media screen and (max-width: 480px)	{ 
	.masonry > * { 
		width: 100%;
		} 
	}