.heading {
	width: 100%;
	text-align: center;
	padding-top: 62px;
}

.heading h1 {
	font-weight: 500;
	margin-bottom: 30px;
	color: var(--color-secondary);
}

.heading h1:after {
	content: '';
	display: block;
	width: 118px;
	height: 1px;
	margin: 20px auto 0;
	background-color: var(--color-dark-alt);
}
.heading h2 {
	font-size: 14px;
	font-weight: 300;
	font-family: var(--font-family-base);
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.heading-inner {
	display: flex;
	text-align: left;
	align-items: center;
	margin-bottom: 36px;
	padding-bottom: 15px;
	border-bottom: .031rem solid var(--color-light-alt);
}

.heading-inner h1 {
	flex: 1;
	font-size: 27px;
	font-weight: 500;
	margin-bottom: 0;
	color: var(--color-info);
}

.heading-inner h1:after {
	display: none;
}

.heading-inner .button {
	margin-left: 12px;
}

.heading-inner .button i {
	top: 50%;
	right: 100%;
	font-size: 80%;
	margin-right: 4px;
	position: absolute;
	font-weight: normal;
	transform: translateY(-50%);
}

@media screen and (min-width: 782px) {
	.heading h1 {
		margin-bottom: 42px;
	}

	.heading h1:after {
		margin-top: 34px;
	}

	.heading h2 {
		font-size: 16px;
	}

	.heading-inner {
		margin-bottom: 45px;
	}

	.heading-inner h1 {
		font-size: 35px;
		margin-bottom: 0;
	}
}