body {
	padding: 0;
	margin: 0;
}
.hero {
	position: relative;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.hero_content {
	margin: auto;
}
.hero_video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	object-position: center;
}
.hero_head {
	position: relative;
	z-index: 4;
	width: 100%;
}
.hero_content {
	position: relative;
	z-index: 4;
}
.hero:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(44, 44, 44, 0.5);
	z-index: 3;
}