.showcase-active {
	.header-wrapper {
		position: relative;
		overflow: hidden;
		background-size: cover;

		&:before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
		}
	}
}

.showcase-panel {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 20px 15px 135px;

	@include media-breakpoint-up(md) {
		padding: 80px 50px 200px;
		text-align: left;
	}

	@media (min-width: 1600px) {
		padding: 164px 338px 302px;
	}

	&__title {
		margin-bottom: 14px;
	}

	&__subtitle {
		margin-bottom: 25px;
		letter-spacing: 3px;

		@include media-breakpoint-up(md) {
			margin-bottom: 8px;
		}
	}

	&__description {
		margin-bottom: 17px;
		display: none;
		@include media-breakpoint-up(md) {
			display: block;
		}
	}

	h1 + p {
		margin-top: 25px;
	}

	p + .btn {
		margin-top: 25px;
	}
}