.hero-image {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/hero-image.jpg");
	background-position: 0px 0px, 50% 50%;
	
	background-size: auto, cover;
	background-attachment: scroll, fixed;
	
}

.hero-300 {
	height: 300px;
}

.centered-text {
	display: flex;
	color: white;
	
	justify-content: center;
	align-items: center;
	
	height: 100%;
}