.contact,
.contact-us {
	.contact-content {
		display: grid;
		grid-template-columns: 1fr;
		column-gap: 50px;
		row-gap: 50px;
		width: 100%;
		text-align: left;

		/* Tablet Styles */
		@media (width >= 768px) {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto;
		}

		/* Desktop Styles */
		@media (width >= 1024px) {
			column-gap: 110px;
		}

		>div {
			display: flex;
			flex-direction: column;

			@media (width < 768px) {
				&.location-container {
					order: 2;
				}

				&.form-container {
					order: 1;
				}
			}
		}

		h2,
		.home-heading {
			font-size: 28px;
			text-transform: none;
		}
	}

	.location-info {
		.site-locations {
			display: flex;
			flex-direction: column;

			.location-each {
				display: flex;
				flex-direction: column;
				margin-bottom: 36px;

				&:last-of-type {
					margin-bottom: 0;
				}

				a.location-text {
					color: var(--text-color);
					text-decoration: none;
					transition: color .3s;

					&:hover,
					&:active,
					&:focus {
						color: var(--primary-color);
					}
				}

				.show-icon {
					padding-right: 20px;
				}

				&>* {
					margin-bottom: 1em;
				}

				&>.phone-text,
				&>.sms-text,
				&>.fax-text,
				&>.address-text,
				&>.phone-sms-container {
					display: flex;
					align-items: center;
					justify-content: flex-start;

					svg {
						path {
							fill: var(--primary-color);
						}
					}
				}

				.phone-sms-container {
					.sms-option:after {
						content: '\00a0';
					}
				}

				&>.address-text {
					display: flex;
					align-items: start;

					/* order: 4; */
					.location-address-block {
						display: block;

						.address-street:after {
							content: ',\00a0';
						}

						.show-icon {
							padding-top: 0.5em;
						}
					}
				}

				&>.hours-text {
					.location-hours-block {
						display: flex;
						justify-content: flex-start;

						.hours-day:after {
							content: '\00a0';
						}
					}
				}

				&>.location-map {
					margin-top: 1em;
					width: 100%;

					a {
						display: block;
						width: 100%;
						height: 100%;
						text-decoration: none;
					}

					.hdng {
						font-size: 21px;
						line-height: 1em;
						font-family: var(--primary-font);
						font-weight: var(--fw-bold);
						text-transform: uppercase;
						text-align: center;
						letter-spacing: .06em;
						color: var(--light-color);
						background-color: var(--dark-color);
						width: 100%;
						padding: 15px;
						display: flex;
						align-items: center;
						justify-content: center;

						/* Desktop Styles */
						@media (width >= 1024px) {
							font-size: 24px;
						}

						svg {
							width: auto;
							height: 15px!important;
							margin-left: 12px;
							path {
								fill: var(--primary-alt);
							}
							/* Desktop Styles */
							@media (width >= 1024px) {
								height: 47px;
							}
						}
					}

					iframe {
						width: 100%;
						height: 400px;
					}

					img {
						width: 100%;
						height: auto;
					}
				}
			}
		}
	}

	.form-content {
		padding-bottom: 1em;
	}
}