#post-feed {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: auto auto auto;
	column-gap: 3em;
	row-gap: 3em;
	margin: 2em 0;
}
.entry-content h2, #base-main h2.post-feed-title {
	margin:2em 0 0 0;
}
#post-feed article {
	grid-column-start: auto;
	grid-column-end: auto;
	grid-row-start: auto;
	grid-row-end: auto;
	
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 10em auto 2.5em;
	grid-column-gap: .5em;
	grid-row-gap: .25em;
	border:1px solid #111;
	line-height: 1.25em;
}
#post-feed article .thumbnail {
	grid-column-start:1;
	grid-column-end:2;
	grid-row-start:1;
	grid-row-end:2;
	background-color: #A10711;
	background-position: center;
	background-size: cover;
	border-bottom: 1px solid #111;
}
#post-feed .details {
	padding: 1em;
}
#post-feed .details .post_type {
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Gudea', sans-serif;
	padding: .25em 0
}
#post-feed .details h3 {
	font-family: 'Gudea', sans-serif;
	font-size: 1.25em;
	padding: .25em 0;
	margin: 0 0 .5em 0;
	line-height: 1.25em;
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
}
#post-feed .details .authordate {
	font-family: 'Gudea', sans-serif;
	font-size: .7em;
	margin: .25em 0;
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
}
#post-feed .details .excerpt {
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
	line-height: 1.25em;
	font-size:.95em;
	padding:1em 0 0 0;
}
#post-feed .series {
	font-family: 'Gudea', sans-serif;
	font-size: .7em;
	grid-column-start:1;
	grid-column-end:2;
	grid-row-start:3;
	grid-row-end:4;
	padding:1em 0;
	text-align: center;
	background:#eee;
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
}

.archive-link {
	margin: 2em 0 1em 0;
	font-family: 'Gudea', sans-serif;
	line-height: 1.2em;
	text-align: right;
}
@media only screen and (max-width: 1750px) {
	#post-feed {
		column-gap: 1.5em;
		row-gap: 1.5em;
	}
}
@media only screen and (max-width: 1600px) {
	#post-feed {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media only screen and (max-width: 1200px) {
	#post-feed {
	grid-template-columns: 100%;
	}
}
@media only screen and (max-width: 850px) {
	#post-feed {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media only screen and (max-width: 700px) {
	#post-feed {
	grid-template-columns: 100%;
	}
}