﻿/*# sourceMappingURL=styles.css.map */

.contact-us {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.contact-us {
		margin-bottom: 90px;
	}
}

.contact-us__title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 35px;
	gap: 30px;
}

@media (min-width: 768px) {
	.contact-us__title {
		margin-bottom: 50px;
	}
}

@media (min-width: 1024px) {
	.contact-us__title {
		flex-direction: row;
	}
}

.contact-us__title h2 {
	position: relative;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: .8;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 20px;
	border-right: 2px solid #000;
}

.contact-us__title h2 span {
	font-weight: 400;
}

@media (min-width: 768px) {
	.contact-us__title h2 {
		font-size: 2.5rem;
	}
}

@media (min-width: 1024px) {
	.contact-us__title h2 {
		width: 40%;
	}
}

.contact-us__title h2:after {
	content: "";
	position: absolute;
	width: 5000px;
	height: 2px;
	right: 0;
	bottom: 0;
	background: #000;
}

.contact-us__title .subhead {
	font-size: .75rem;
	font-weight: 600;
}

.contact-us__title .subhead > * {
	font-size: 1rem;
}

@media (min-width: 768px) {
	.contact-us__title .subhead > * {
		font-size: 1.1rem;
	}
}

@media (min-width: 768px) {
	.contact-us__title .subhead {
		font-size: 1.1rem;
	}
}

@media (min-width: 1024px) {
	.contact-us__title .subhead {
		width: 60%;
		font-size: 1.25rem;
	}
}

.contact-us__title .subhead a {
	color: inherit;
	font-size: 1.2em;
	display: block;
}
