/* Masthead (for NON-DESKTOP-specific, mobile or BOTH D&M) */
body.page-template-change .entry-header {
	padding: 20vh 0 10vh 0;
}

body.page-template-change .entry-header .wp-post-image{
	max-width: 150px;
}


body.page-template-change .entry-header .entry-title {
	margin-top: -10px;
}

/* Hero */
.change-sections #hero-1 {
	font-size: 1rem;
	padding: 20vh 4vh 20vh 4vh;
}

.change-sections #hero-1 a {
	color: var(--mh-dark-text-color);
	text-decoration: underline;
}

.change-sections #hero-1 h2 {
	font-size: 1.5rem;
}

/* Overview */
.change-sections #overview {
	background: var(--mh-dark-bg-color);
	color: var(--mh-light-text-color);
	font-size: 1.2rem;
	padding: 0 5vw 20vh 5vw;
}

.change-sections #overview h2 {
	font-size: 1.4rem;
}

/* Posts */
/* Now consolidated into Posts Reel block */

/* Take Action */

.change-sections #take-action {
	padding: 20vh 0 15vh 0;
}

.change-sections #take-action a {
	text-decoration: none;
}

.change-sections #take-action h2 {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: bolder;
	padding-left: 1vh;
}

.change-sections #take-action h3 {
	padding-top: 10px;
	font-size:  .9em;
	font-family: var(--mh-resource-font);
}

.change-sections #take-action .post {
	padding: 0 2vh 3vh 2vh;
}

/* DESKTOP */
@media screen and (min-width: 992px) {
	body.page-template-change .entry-header {
		height: 600px;
	}
	
	body.page-template-change .entry-header .wp-post-image {
		max-width: 350px;
	    height: auto;
	    margin: auto;
	}
	
	body.page-template-change .entry-header .entry-title {
		top: 350px;
	}


	.change-sections #overview {
		font-size: 1.75rem;
		padding: 12vw 50px;
	}

	.change-sections #hero-1 {
		font-size: 1rem;
		padding: 15vw 0;
	}

	.change-sections #hero-1 {
		font-size: 1.5rem;
	}

	.change-sections #hero-1 h2 {
		font-size: 3rem;
	}


	/* DESKTOP: Take Action */
	.change-sections #take-action h2 {
		border-right: 1px solid #000;
		height: 100%;
		font-size: 2.5rem;
		text-align: right;
		padding-right: 20px;
	}

	.change-sections #take-action .container
	{
		padding: 4vh;
	}

}

/* WIDE DESKTOP */
@media screen and (min-width: 1280px) {
	body.page-template-change #overview {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	
	.change-sections #take-action h2 {
		font-size: 3.5rem;
	}
}