.article {
	margin:			0 auto;
	padding-top:	40px;
	max-width:		1440px;
}
.article header {
	display:		flex;
	flex-direction:	column;
	position:		relative;
	padding-bottom:	40px;
}
/*.article header:before {
	content:		"";
	background:		var(--soft-yellow);
	position:		absolute;
	left:			-5000%;
	top:			0;
	bottom:			0;
	right:			-5000%;
	z-index:		1;
}*/
.article header:after {
	/*background:		var(--grey);*/
	height:			4px;
	position:		absolute;
	bottom:			0;
	left:			-5000%;
	right:			-5000%;
	content:		"";
	box-shadow:		0px 4px 4px 0px #0000000D;

}
.article header > div {
	position:		relative;
	z-index:		2;
}
.article header > div:first-child {
	order:			2;
	padding-top:	40px;
}
.article header > div:last-child {
	order:			1;
}
.article h1 {
	font-family:	var(--bold);
	padding-bottom:	20px;
	font-size:		40px;
	line-height:	50px;
	color:			var(--mono);
}
.article header p {
	font-size:		16px;
	font-family:	var(--regular);
	color:			var(--charcoal);
	line-height:	24px;
}
.article img {
	display:		block;
	margin-top:		26px;
	width:			100%;
}
.article section {
	padding-top:	50px;
	padding-bottom:	80px;
}
.article section > ol {
}
.article section > ol > li {
	padding-bottom:	24px;
}
.article section > ol > li li {
	line-height:		24px;
	list-style:			disc;
	list-style-position:outside;
	margin-left:		20px;
	padding-bottom:		8px;
}
.article h2 {
	font-size:		21px;
	line-height:	25.45px;
	font-family:	var(--bold);
	padding-bottom:	10px;
	font-weight:	normal;
	color:			var(--mono);
}
.article li p {
	font-size:		16px;
	font-weight:	var(--regular);
	line-height:	24px;
	color:			var(--charcoal);
	padding-bottom:	8px;
}
	.article strong {
		display: inline-block;
		font-weight: normal;
		font-family: var(--semibold);
		color: var(--mono);
		padding-bottom: 8px;
	}

@media all and (min-width:780px) {
	.article header {
		flex-direction:	row;
		flex-wrap:		nowrap;
		gap:			5%;
		justify-content:space-between;
	}
	.article h1 {
		font-size:		70px;
		line-height:	84.84px;
		padding-bottom:	26px;
	}
	.article header > div:first-child {
		width:			50%;
		min-width:		50%;
		max-width:		50%;
		order:			1;
	}
	.article header > div:last-child {
		order:			2;
		width:			45%;
		min-width:		45%;
		max-width:		45%;
	}
	.article header > div:last-child img {
		position:		absolute;
		bottom:			-40px;
	}
}
@media all and (min-width:960px) {
	.article {
		padding-left:	180px;
		padding-right:	80px;
	}
}