.c-404 {
	position: relative;
	height: 100vh;

	h1 {
		position: relative;

		&::after {
			background: theme-color('primary');
			border-radius: 2px;
			bottom: 0;
			content: '';
			height: 4px;
			left: 0;
			position: absolute;
			width: 100px;
		}
	}

	&__text {
		flex: 0 0 100%;
		margin-top: auto;
		margin-bottom: auto;

		@media #{$extra_big_screen} {
			flex: 0 0 50%;
		}

		&__inner {
			margin-left: auto;
			margin-right: auto;
			max-width: 41.25rem;
		}
	}

	&__image {
		height: 100%;
		overflow: hidden;
		width: 50%;

		img {
			height: 100%;
			object-fit: cover;
			width: 100%;
		}
	}
}