.pageheader {
	margin-bottom: 20px;
}

.pageheader .wrapper>div {
	padding: 48px 0 48px calc((((100% - (11 * 20px)) / 12) * 3) + (3 * 20px));
	min-height: 395px;
	position: relative;
	z-index: 30;
}

body.single-help .pageheader .wrapper>div {
	min-height: 0
}

.pageheader .wrapper {
	position: relative;
}

.pageheader picture {
	display: block;
	height: 100%;
	width: 630px;
	width: calc((((100% - (11 * 20px)) / 12) * 6) + (5 * 20px) + 40px);
	position: absolute;
	right: -40px;
	top: 0;
}

.pageheader picture img {
	display: block;
	position: absolute;
	top: 0;
	object-position: right top;
	width: 100%;
	height: 100%;
	object-fit: contain;
    mix-blend-mode: multiply;
}

.pageheader .wrapper>div>p.smallheading {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 1em;
	color: #BD4800;
    position: relative; 
    z-index: 20;
}

.pageheader .wrapper>div>p.smallheading a {
	color: inherit;
}

body.single-help .pageheader .wrapper>div>p.smallheading {
	color: #78A6A9;
}

.pageheader h1 {
	color: #020873;
	font-weight: 400;
	font-size: 48px;
	line-height: 1.25;
	max-width: calc((((100% - (8 * 20px)) / 9) * 5) + (4 * 20px));
    position: relative; 
    z-index: 20;
}

.subtitle h1 {
	margin-bottom: 0.333em;
}

.pageheader h1+p {
	font-family: "Merriweather", serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 1em;
	max-width: 32em;
}

.noimage {
	margin-bottom: 0;
}

.noimage .wrapper>div.head {
	min-height: 0;
	padding-bottom: 0;
}

.noimage h1 {
	max-width: 13.5em;
}

.noimage+.butter {
	margin-top: 40px;
}


.pageheader .wrapper>div::before { 
    display: block;
    content:"";
    position: absolute; 
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
     
    z-index: -1;
}

.pageheader .wrapper>div.blue::before { 
    background:#26266A;
}
.pageheader .wrapper>div.lightblue::before { 
    background:#78A6A9;
}
.pageheader .wrapper>div.beige::before { 
    background:#D9D1C7;
}
.pageheader .wrapper>div.mustard::before { 
    background:#D8B528;
}

.pageheader .wrapper>div.blue>p.smallheading,
.pageheader .wrapper>div.blue h1,
.pageheader .wrapper>div.lightblue>p.smallheading,
.pageheader .wrapper>div.lightblue h1 {
	color: #FFFFFF;
}

.pageheader .wrapper>div.beige>p.smallheading,
.pageheader .wrapper>div.beige h1,
.pageheader .wrapper>div.mustard>p.smallheading,
.pageheader .wrapper>div.mustard h1 {
	color: #00020D;
}
 
@media all and (max-width:1199px) {

}
@media all and (max-width:899px) {

}



.byline {
	margin-bottom: 40px;
	display: flex;
	color: #858585;
	padding-top: 12px;
}

.byline>.textcontent {
	display: flex;
	color: #858585;
}

.byline>.textcontent>div:not(.default):first-child {
	width: 60px;
	position: relative;
	margin-right: 32px;
}

.byline>.textcontent>div.default:first-child {
	width: 0;
	position: relative;
	margin-right: 0;
	min-height: 68px;
}

.byline>.textcontent>div:first-child img {
	width: 100%;
	height: auto;
	display: block;
}

.byline>.textcontent>div:last-child {
	padding-top: 6px;
	display: flex;
	flex-direction: column;
}

p.date,
.byline>.textcontent>div:last-child p {
	font-size: 16px;
	line-height: 20px;
	color: #858585;
}

.byline>.textcontent>div:last-child p {
	margin: 0;
}

.byline>.textcontent>div:last-child p strong {
	font-weight: 600;
}

.byline>.textcontent>div:last-child p.reading:last-child {
	margin-top: auto;
	font-size: 13px;
	line-height: 16px;
	position: relative;
	padding-left: 17px;
}

.byline>.textcontent>div:last-child p.reading::before {
	display: block;
	width: 12px;
	height: 12px;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 10;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011%2011%22%20style%3D%22enable-background%3Anew%200%200%2011%2011%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20fill%3D%22%23C4C4C4%22%20d%3D%22M5.5%2C11C2.5%2C11%2C0%2C8.5%2C0%2C5.5S2.5%2C0%2C5.5%2C0S11%2C2.5%2C11%2C5.5S8.5%2C11%2C5.5%2C11z%20M5.5%2C1C3%2C1%2C1%2C3%2C1%2C5.5S3%2C10%2C5.5%2C10%20S10%2C8%2C10%2C5.5S8%2C1%2C5.5%2C1z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon%20class%3D%22st0%22%20fill%3D%22%23C4C4C4%22%20points%3D%229.5%2C6.5%205.1%2C6.5%204.5%2C2.6%205.5%2C2.4%205.9%2C5.5%209.5%2C5.5%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.byline>.textcontent>div:not(.default):first-child::before {
	background: #78A6A9;
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
}

@media all and (max-width: 1199px) {
	.pageheader .wrapper>div {
		padding: 48px 0 48px calc((((100% - (11 * 20px)) / 12) * 2) + (2 * 20px));
		min-height: 325px;
	}
	.pageheader picture {
		width: calc((((100% - (11 * 20px)) / 12) * 6) + (5 * 20px) + 40px);
	}
	.pageheader h1 {
		font-size: 3.6rem;
		max-width: calc((((100% - (8 * 20px)) / 9) * 5) + (4 * 20px));
	}
}

@media all and (max-width: 899px) {
	.pageheader .wrapper>div {
		padding: 48px 0 0 calc((((100% - (11 * 20px)) / 12) * 1) + (1 * 20px));
		min-height: 200px;
	}
	.pageheader picture {
		position: relative;
		min-height: 33vw;
		width: 100%;
		margin-top: -25vw;
	}
	.pageheader h1 {
		font-size: 2.4rem;
		max-width: calc((((100% - (11 * 20px)) / 12) * 7) + (6 * 20px));
	}
}

@media all and (max-width: 599px) {
	pageheader picture {
		position: relative;
		min-height: 33vw;
		width: 100%;
		margin-top: -50vw;
	}
	.pageheader .wrapper {
		display: flex;
		flex-direction: column;
	}
	.pageheader figure {
		order: 1;
	}
	.pageheader picture {
		position: static;
		height: auto;
		width: 100%;
		margin-top: 0;
	}
	.pageheader picture img {
		position: static;
		height: auto;
		width: 100%;
		display: block;
	}
	.pageheader .wrapper>div {
		padding: 24px 0 0;
		order: 5;
		min-height: 0;
	}
	.pageheader h1 {
		font-size: 2.4rem;
		max-width: none;
	}
	.byline {
		padding-top: 0;
	}
}

@media all and (-ms-high-contrast:none) and ( max-width: 899px) {
	.pageheader .wrapper {
		display: block;
	}
	.pageheader .wrapper>div {
		padding: 24px 0 0;
		order: 5;
		min-height: 0;
	}
	.pageheader picture {
		position: static;
		margin-top: 0;
	}
	.pageheader picture img {
		position: static;
		height: auto;
		width: 100%;
		display: block;
	}
}

@media all and (-ms-high-contrast:none) and ( max-width: 599px) {
	.pageheader picture img {
		position: static;
		height: auto;
		width: 100%;
		display: block;
	}
}

#first_wrapper+#notfirst {
	margin-top: 40px;
}