// ============================================================================
// :: ROUTE
// ============================================================================
.o-route {
	display: flex;

	@include respond-to($screen-medium-base) {
		flex-wrap: wrap;
	}
}

// ============================================================================
// :: Elements
// ============================================================================

.o-route__iframe {
	flex: 0.62;
	max-width: 520px;

	border: none;

	@include respond-to($screen-medium-base) {
		flex: 100%;
		max-width: 100%;
	}
}

.o-route__info {
	flex: 0.38;
	margin-left: 12rem;

	@include respond-to($screen-large-base) {
		margin-left: 5rem;
	}

	@include respond-to($screen-medium-base) {
		flex: 100%;
		margin-top: 3rem;
		margin-left: 0;
	}
}

.o-route__info__h2 {
	margin-bottom: 2rem;
}

.o-route__info__h3 {
	margin: 3rem 0 2rem;
}

// ============================================================================
// :: Modifiers
// ============================================================================

.o-route--spacing-s {
	padding: 6rem 2rem 0;
}