/* They're also sized differently */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	font-family: var(--text-font);
	font-size: 1.1666em; /* 21/31 */
	font-weight: 700;
	line-height: 1.47619;
	margin-bottom: 0;
	margin-top: var(--space-xlarge);

	@media (min-width: 37.5em) {
		font-size: 1.4444em; /* 26/35 */
		line-height: 1.34615;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-header,
.entry-content,
.entry-footer {
	padding: 0 var(--gutter-width);
	margin: var(--space-normal) auto;
}

.entry-header-wrapper,
.entry-content-wrapper,
.entry-footer-wrapper {
	width: 100%;
	max-width: var(--max-width-article);
	margin: auto;
}

.blog .entry-header-wrapper,
.archive .entry-header-wrapper {
	max-width: var(--max-width-wide);	
}

/* Posts / Comment Navs */
.site-main .comment-navigation, 
.site-main .posts-navigation, 
.site-main .post-navigation {
	margin: 0 1em; 
	overflow: hidden; /* Test this - does it contain the floats? */
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 20%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 20%;
}