:root{
	--accent-color: #003058;
}

.related-pages {
	margin: 120px 0 60px;
	padding-top: 60px;
	padding-bottom: 60px;
	/*border-top: 3px solid var(--accent-color);*/
	/*border-bottom: 3px solid var(--accent-color);*/
	position: relative
}
.related-pages.no-top-border {
	margin-top: 30px;
	border-top: none
}
.related-pages.no-bottom-border {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}
.related-pages:before {
	position: absolute;
	width: 80%;
	right: 0;
	border-bottom: 3px solid var(--accent-color);
	top: 80px;
	content: '';
	z-index: 0
}
.related-pages h2 {
	font-family: var(--heading-font);
	font-size: 40px;
	font-weight: 400;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0;
	color: var(--accent-color);
	margin: 0 0 27px;
	position: relative;
	z-index: 1;
	letter-spacing: 1px;
}
.related-pages h2 span {
	padding-right: 20px;
	background-color: #fff;
	display: inline-block;
}
.related-pages-inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto
}
.no-related-pages-heading {
	width: 100%;
	height: 52px
}
.related-pages-link {
	width: 236px;
	display: inline-block;
	margin-left: 45px;
	margin-bottom: 10px;
	color: #ba1c21;
	font-size: 18px;
	font-family: var(--link-font);
	line-height: 1.4;
	text-decoration: none;
	vertical-align: top
}
.related-pages-link:hover {
	text-decoration: underline
}
@media only screen and (min-width:2000px) {
	.related-pages::before {
		width: 73%!important
	}
}
@media only screen and (max-width:900px) {
	.related-pages {
		padding-top: 15px;
		padding-bottom: 8px;
		margin: 40px 0 0px;
	}
	.related-pages:before{
		top: 32px;
	}
	.related-pages h2{
		font-size: 32px;
	}
	.related-pages-heading{
		letter-spacing: 1.5px;

	}
	.related-pages-link {
		margin-bottom: 20px;
		font-size: 16px;
		margin-left: 20px;
		line-height: 28px;
		width: 100%;
	}
}