.page {

	.site-content {
	
		> .page-header {
			position: relative;
			z-index: 1;

			&::before {
			    content: "";
			    background: rgba(0, 0, 0, 0.5);
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    z-index: -1;
			}

			.page-title {
				color: $white_color;
			}
		}//.page-header
	}//.site-content

}//.page

.site-content {
	
	> .page-header {
		background: #f7f7f7;
		text-align: center;
		padding: 100px 0;

		.sub-title {
			display: block;
			font-size: 0.7em;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: 700;
			color: #868e96;
		}//.sub-title

		.page-title {
			margin-top: 0;
			margin-bottom: 0;
			font-size: 2.8em;
			font-weight: 400;
			line-height: 1.25em;
		}//.page-title
	}//> .page-header

	#primary > .post-count {
		display: block;
		margin-bottom: 20px;
		font-size: 0.7em;
		font-weight: 600;
		color: #868e96;
	}//.post-count
}//.site-content

@include media(xs) {
	.site-content {
		
		> .page-header {
			padding-top: 60px;
			padding-bottom: 60px;
			
			.page-title {
				font-size: 2em;
			}//.page-title
		}//> .page-header
	}//.site-content
}//media(xs)