#teasermosaic {
	line-height: 100%;	
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}


/* Mobile, below 512, we have two columns */

#teasermosaic > * {
	margin-bottom:2%;
	width:48%;
	border:1px solid var(--wp--preset--color--primary);
	display: inherit;
}



#teasermosaic img {
	max-width: 100%;
	width: 100%;
	height:auto;	
}

@media screen and (min-width: 512px){
	
	/* Three columns … */
	#teasermosaic > * {
		width:32%;
		margin-bottom:1%;

	}
	
}

@media screen and (min-width: 768px){
	
	/* Four columns … */
	#teasermosaic > * {
		width:24%;
	}
	
}

@media screen and (min-width: 1024px){
	
	/* Six columns … */
	#teasermosaic > * {
		width:15.6%;
	}
	

}