/* banner */
.banner-container {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}

.banner-container .video {
	display: block;
	width: 100%;
}

.banner-container .text-box {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-weight: bold;
}

@media screen and (max-width: 1023px) {
	.banner-container .video {
		height: 60vw;
		object-fit: cover;
	}

	.banner-container .text-box .text {
		font-size: max(30px, 3vw);
		letter-spacing: 5px;
		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	}
}

@media screen and (min-width: 1024px) {
	.banner-container .text-box .text {
		font-size: min(70px, 4vw);
		letter-spacing: 10px;
		text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
	}
}