// =============================================================================
// :: Page Intro
// =============================================================================
.c-page-intro {
	padding: 3rem 0 0;

	@include respond-at(get-breakpoint("tablet")) {
		padding: 13rem 0 0;
	}
}

// =============================================================================
// :: Elements
// =============================================================================
.c-page-intro__container {
	@include respond-at(get-breakpoint("tablet")) {
		display: flex;
	}
}

.c-page-intro__title {
	@include respond-at(get-breakpoint("tablet")) {
		box-sizing: border-box;

		padding-right: 5rem;
	}
}

// =============================================================================
// :: Modifiers
// =============================================================================
.c-page-intro--column {

	.c-page-intro__container {
		flex-direction: column;
	}
}