.hero--section {
	position: relative;
	height: 100vh;
	height: 100dvh;
	transition: height .3s
}

.hero--video,
.hero--image {
	height: 100%;
	height: 100dvh;
}

.hero--shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	height: 100dvh;	
	background: linear-gradient(to bottom, rgba(33,39,33,0.6) 0%,rgba(33,39,33,0) 21%,rgba(33,39,33,0) 80%,rgba(33,39,33,0.6) 100%);
}

@media (max-width: 991px) {
	.hero--image img {
		object-position: 20% center;
	}	
}

.hero--logo {
	max-width: 50vw;
	height: auto;
	position: absolute;
	left: 30px;
	bottom: 0;
}

.hero--scroll-down {
	position: absolute;
	bottom: 10px;
	right: 30px;
}

@media (max-width: 600px) {
	
	.hero--scroll-down {
		bottom: 150px;
	}
	
	.hero--scroll-down img {
		max-width: 30px;
		height: auto;
	}
	
	.hero--logo {
		max-width: calc(100% - 60px);
	}
}