.main-page-banner {
/* 	height: 702px; */
	height: 350px;
/* 	display: flex;
	flex-direction: column;
	justify-content: center; */
}

.main-page-banner .content-inner {
	align-self: center;
	z-index: 15;
}

.main-page-banner .content-inner h1 {
	font-size: 6.250rem;
	color: #fff;
	margin: 0;
	text-align: center;
}

.main-page-banner .content-inner .line {
	width: 478px;
	height: 5px;
	background-color: #c0ea6a;
	background-color: var(--green, #c0ea6a);
	margin: 48px auto 50px;
}

.main-page-banner .content-inner .short-desc {
	color: #fff;
	font-size: 2.750rem;
	text-align: center;
}

.content-wrapper {
	width: 1075px;
	margin: 34px auto 0;
	font-size: 0.938rem;
}

.content-wrapper .image-wrapper {
	height: 400px;
	margin: 0 auto;
}

.content-wrapper .youtube-wrapper .youtube-image {
	height: 600px;
	display: grid;
	justify-content: center;
	align-items: center;
}

.content-wrapper .youtube-wrapper .youtube-image:hover {
	cursor: pointer;
}

.content-wrapper .audio-wrapper audio {
	width: 100%;
}

@media (max-width: 1250px) {
	.main-page-banner {
		height: 400px;
	}
}

@media (max-width: 1100px) {
	.content-wrapper,
	.content-wrapper .video-wrapper {
		width: 100%;
		padding: 0 15px;
	}
	
	.content-wrapper .video-wrapper video {
		width: 100%;
	}
}

@media (max-width: 1023px) {
/* 	.content-wrapper {
		width: 100%;
		padding: 0 15px;
	} */

	.main-page-banner .content-inner h1 {
		font-size: 3.7rem;
	}
}

@media (max-width: 950px) {
	.main-page-banner {
		height: 390px;
	} 
}

@media (max-width: 700px) {
	.top-image {
		height: 250px;
	}

	.content-wrapper .youtube-wrapper .youtube-image {
		height: 420px;
	}
	
	.content-wrapper .image-wrapper {
		height: 190px;
	}
}

@media (max-width: 500px) {
	.content-wrapper .youtube-wrapper .youtube-image {
		height: 310px;
	}
}