.page-title {
    font-size: var(--text-4xl);
    font-family: var(--font-body-bold);
    line-height: var(--leading-tight);
    text-align: left;
    font-weight: 900;
}

.page-title h1 {
	font-family: var(--font-body-bold);
    line-height: var(--leading-snug);
}
.page-title span{
	clear:both;
	width:100%;
	display: inline-block;
	line-height: 34px;
	font-family: var(--font-body);
	font-size: var(--text-xl);
	position:relative;
	font-weight: 400;
}

.page-title span.subtitle2 {
	margin: 25px 0 0;
}

.page-title span.subtitle2::before{
	content: '';
	display: block;
	margin: 0 0 15px;
	height: 3px;
	background-color: var(--primary-color-700);
	width: 55%;
}

@media (min-width: 40em) {
	.page-title { 
		font-size: var(--text-6xl);
		line-height: 55px;
	}

	.page-title span.subtitle2{
		font-size: var(--text-4xl);
		line-height: 1.5;
	}

	.page-title span.subtitle1{
		font-size: var(--text-3xl);
		line-height: 1.5;
	}
}