@media screen and (max-width: 960px) {
	body {
		font-size: 16px;
	}
	.site-wrapper {
		display: block;
	}
}
@media screen and (max-width: 840px) {
	#homepage .post {
		width: 100%;
	}
	.post .post-cover:after {
		padding-top: 66.66%;
	}
	.post .post-header .post-title,
	.search-term .title {
		font-size: 2.8em;
		line-height: 120%;
	}
	.home-template .post .post-header .post-title,
	.home-template .post:nth-child(3n - 5) .post-header .post-title,
	.post-related .post-related-item .post-cover .post-header .post-title,
	.post-related-outer h3 {
		font-size: 1.8em;
		line-height: 120%;
	}
	.post-related-outer {
		margin: 0 15px;
	}
	.post-related {
		padding: 0;
	}
	.post-related .post-related-item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.post-related .post-related-item .post-cover {
		padding-bottom: 90%;
	}
}
@media screen and (max-width: 640px) {
	.px-big { padding-left: 40px; padding-right: 40px; }
	.py-big { padding-top: 40px; padding-bottom: 40px; }
	.pt-big { padding-top: 40px; }
	.pb-big { padding-bottom: 40px; }
	.pl-big { padding-left: 40px; }
	.pr-big { padding-right: 40px; }
	.px-medium { padding-left: 30px; padding-right: 30px; }
	.py-medium { padding-top: 30px; padding-bottom: 30px; }
	.pt-medium { padding-top: 30px; }
	.pb-medium { padding-bottom: 30px; }
	.pl-medium { padding-left: 30px; }
	.pr-medium { padding-right: 30px; }
	.mx-big { margin-left: 40px; margin-right: 40px; }
	.my-big { margin-top: 40px; margin-bottom: 40px; }
	.mt-big { margin-top: 40px; }
	.mb-big { margin-bottom: 40px; }
	.ml-big { margin-left: 40px; }
	.mr-big { margin-right: 40px; }
	.mx-medium { margin-left: 30px; margin-right: 30px; }
	.my-medium { margin-top: 30px; margin-bottom: 30px; }
	.mt-medium { margin-top: 30px; }
	.mb-medium { margin-bottom: 30px; }
	.ml-medium { margin-left: 30px; }
	.mr-medium { margin-right: 30px; }
	.main-inner .post {
		margin-left: 15px;
		margin-right: 15px;
	}
	#singlepage .tag-hash-feature .post-cover:after {
		padding-top: 77%;
	}
	#singlepage .tag-hash-feature .post-cover .post-header {
		bottom: 3rem;
	}
	#singlepage .post .post-body,
	.post-footer,
	.comment-outer,
	.member-only-content {
		width: 100%;
	}
	.post-full-custom-excerpt {
		width: 100%;
	}
	.blogpager-outer {
		display: none;
	}
	.post-author > div {
		max-width: inherit;
	}
	.post-author .post-author-articles a {
		position: static;
		display: inline-block;
		margin-top: 15px;
	}
	.post .post-header .post-title,
	.post:nth-child(3n - 5) .post-header .post-title,
	.search-term .title {
		font-size: 2.5em;
		line-height: 120%;
	}
	.post-full-custom-excerpt {
		font-size: 1.212em;
		line-height: 140%;
	}
	.header-outer {
		padding-top: 30px;
		border-top: 50px solid #f2f2f2;
	}
	.nav-outer {
		width: 100%;
	}
	.icon-nav {
		top: -25px;
	}
	.subscribe-overlay > .icon-nav {
		border-bottom: none;
	}
	.post-related-outer h3 {
		margin: 3rem 0 1rem;
	}
	#singlepage .post h1 { font-size: 1.8em;}
	#singlepage .post h2 { font-size: 1.6em;}
	#singlepage .post h3 { font-size: 1.4em;}
	#singlepage .post h4 { font-size: 1.2em;}
	#singlepage .post h5 { font-size: 1em;}
	#singlepage .post h6 { font-size: .78em;}
	#singlepage .post-header {
		width: 90%;
	}
}
@media screen and (max-width: 480px) {
	.post .post-header .post-title,
	.post:nth-child(3n - 5) .post-header .post-title,
	.search-term .title {
		font-size: 1.8em;
		line-height: 120%;
	}
	.post .post-cover:before {
		top: 0;
		height: 100%;
	}
	.search-term {
		padding-top: 30px;
	}
	#homepage .main-inner {
		margin: 0;
	}
	#homepage .post-header,
	.post-related .post-related-item .post-cover .post-header {
		width: 90%;
		bottom: 30px;
	}
	#homepage .post .post-cover:after,
	#homepage .post:nth-child(3n - 5) .post-cover:after {
		padding-top: 90%;
	}
	#homepage .post,
	#homepage .post:nth-child(3n - 5) {
		width: 100%;
		margin: 0 15px 10px;
	}
	#singlepage .post-body blockquote {
		padding-left: 20px;
	}
	.member-form form .form-input .button {
		width: 100%;
		max-width: 300px;
		margin-top: 20px;
	}
	.post-meta .meta-member {
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0;
		transform: translateX(-50%);
	}
}