body.single-format-video h1:before,
body.page-id-1990 .post_format-post-format-video h2.entry-title:before,
div.wearepublicschools-post-format-image span.wearepublicschools-post-title:before {
	content: 'VIDEO';
	background: #eee;
	padding: 2px 5px;
	margin-right:5px;
	font-size:75%;
}

body.single-format-image h1:before,
body.page-id-1990 .post_format-post-format-image h2.entry-title:before,
div.wearepublicschools-post-format-image span.wearepublicschools-post-title:before {
	content: 'MEME';
	background: #eee;
	padding: 2px 5px;
	margin-right:5px;
	font-size:75%;
}

.wearepublicschools-post-format {
	font-size:75%;
	background:#eee;
	padding:5px 10px;
}

.wearepublicschools-related-posts {
	display:block;
}

.wearepublicschools-flex-wrap {
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content:space-between;
}

	.wearepublicschools-flex-wrap div {
		border:1px solid #d8d8d8;
		-webkit-flex: 0 1 32%;
		flex: 0 1 32%;
		margin: 0 0 15px;
		word-wrap: break-word;
	}

		.wearepublicschools-flex-wrap div span {
			display:block;
		}
	
		.wearepublicschools-flex-wrap div span.wearepublicschools-post-thumbnail {
			background-size:cover;
			width:100%;
			height:150px;
			overflow:hidden;
		}

			.wearepublicschools-flex-wrap div span.wearepublicschools-post-thumbnail img {
				width:100%;
			}
			
		.wearepublicschools-flex-wrap div span.wearepublicschools-post-title {
			margin:1em;
		}
	
	body.home .wearepublicschools-flex-wrap div {
		-webkit-flex: 0 1 24%;
		flex: 0 1 24%;
	}	

		@media screen and (max-width: 960px) {
			.wearepublicschools-flex-wrap div,
			body.home .wearepublicschools-flex-wrap div {
				flex-basis:49%;
			}
		}
	
		@media screen and (max-width: 480px) {
			.wearepublicschools-flex-wrap div,
			body.home .wearepublicschools-flex-wrap div {
				flex-basis:100%;
			}
		}
	
		body.home .wearepublicschools-flex-wrap div a {
			color:#000;
		}