.locations {
	width: 100%;
	margin-top: var(--py-section);
	margin-bottom: var(--py-section);
}

.locations.is-grey {
	margin: 0;
	padding-top: var(--py-section);
	padding-bottom: var(--py-section);
	background-color: var(--color-light);
}

.locations + .text-image {
	margin-top: 30px;
}

.locations-left {
	font-size: 18px;
	margin-bottom: 30px;
}

.locations-left a {
	color: var(--color-primary);
	text-decoration: none;
}

.locations-right iframe {
	width: 100%;
	height: 400px;
}

.locations-social {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.locations-social a {
	font-size: 26px;
	color: var(--color-purple);
}

@media screen and (min-width: 768px) {
	.locations-holder {
		display: flex;
	}

	.locations-left {
		width: 380px;
		min-width: 380px;
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}

	.locations-right {
		flex: 1;
	}

	.locations-right iframe {
		height: 550px;
	}
}