.eloc {
	display: flex;
	gap: var(--gutter_width_px);
	justify-content: space-between;
}

.eloc__content-container,
.eloc__map-container {
	width: calc((100% / 2) - (var(--gutter_width_px) / 2));
	min-height: 40rem;
}

.eloc__content-container {
	max-width: 47rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.eloc__map {
	width: 100%;
	height: 100%;
}

.eloc__title {
	display: flex;
	flex-direction: column;
	gap: var(--spacer_8);
	align-items: flex-start;
	margin-bottom: var(--spacer_40);
  letter-spacing: -1px;
}

.eloc__title--highlighted {
	background-color: var(--tertiary_color);
	width: fit-content;
	color: var(--white_color);
	padding: 0 var(--spacer_8);
}

.eloc__title--colored {
	color: var(--tertiary_color);
}

.eloc__content {
	background-color: #F4F4F4;
	width: 100%;
	padding: var(--spacer_28);
	display: flex;
	gap; var(--spacer_20);
	align-items: flex-start;
}

.eloc__content-address {
	color: var(--quaternary_color);
}

.eloc__content-address p {
	margin-bottom: 0;
}

@media (max-width: 800px) {
	.eloc {
		flex-direction: column;
	}
	.eloc__content-container {
		max-width: unset;
    width: 100%;
    align-items: center;
		min-height: unset;
	}
	.eloc__title {
    margin-bottom: var(--spacer_16);
	}
	.eloc__content {
    width: fit-content;
	}
	.eloc__map-container {
		width: 100%;
	}
	.eloc__map {
		min-height: 40rem;
	}
}