#header .swiper-slide {
    position: relative;
	overflow: hidden;
    
	background-color: #E2E2E0;
    border-radius: 40px;
    
    isolation: isolate;
}
@media (min-width: 900px) {
    #header .swiper-slide {
        height: 600px;
    	color: #000;
    }
}
@media (max-width: 899.99px) {
    #header .swiper-slide {
    	color: #FFF;
    }
	#header .swiper-slide:before {
		content: '';
		display: block;
		padding-top: 130%;
	}
}

/*-------------------------------------------------------------------------------*/

#header .swiper-slide > .background {
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;
}
#header .swiper-slide > .background > img,
#header .swiper-slide > .background > video {
    position: relative; z-index: 1;
    display: block; height: 100%; width: 100%;
}
#header .swiper-slide > .background > img {
	object-position: top left;
}
#header .swiper-slide > .background > video {
    object-fit: cover;
    object-position: center;
}
@media (min-width: 900px) {
	#header .swiper-slide > .background > img { object-fit: contain; }
}
@media (max-width: 899.99px) {
	#header .swiper-slide > .background > img { object-fit: cover; }
	#header .swiper-slide > .background:after {
		content: '';
		position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;

		background-image: linear-gradient(to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%);
	}
}

/*-------------------------------------------------------------------------------*/

#header .swiper-slide > .content {
	position: absolute; top: 0; left: 0;
	display: flex; height: 100%; width: 100%;
	flex-direction: column;
	align-items: center;
	row-gap: 50px;
	
	text-align: center;
}
#header .swiper-slide > .content > .title {
	text-transform: uppercase;
	font-family: "Stretch Pro";
}
#header .swiper-slide > .content > .description {
	font-weight: 500;
}
@media (min-width: 900px) {
	#header .swiper-slide > .content {
		padding: 50px 75px 50px calc(600px * .75);
		justify-content: center;
	}
	#header .swiper-slide > .content > .title {
		max-width: 500px;
		font-size: 40px;
	}
	#header .swiper-slide > .content > .description {
		max-width: 350px;
		line-height: 20px;
		font-size: 14px;
	}
}
@media (max-width: 899.99px) {
	#header .swiper-slide > .content {
		padding: 50px 25px;
		justify-content: flex-end;
	}
	#header .swiper-slide > .content > .title { font-size: 24px; }
	#header .swiper-slide > .content > .description { display: none; }
}