// ============================================================================
// :: Lost
// ============================================================================
/**
 * The styling applied to the <body> tag on the page containing the 'p-lost'
 * class. This page is a 404 page.
 */

// ============================================================================
// :: Root
// ============================================================================
.p-lost {
	position: relative;
}

// ============================================================================
// :: Elements
// ============================================================================
.p-lost__title {
	margin-bottom: 2.4rem;
}

.p-lost__subtitle {
	margin-bottom: 4rem;
}

.p-lost__content {
	margin-top: 4rem;
}

.p-lost__image {
	width: 80vw;

	@include respond-at($screen-medium-base) {
		width: 50vw;
	}
}
