html, body {
	background-color: #000;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
}

.hero {
	position: relative;
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.hero video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* Dette sørger for at videoen dekker hele skjermen */
	z-index: 0;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Juster mørkheten hvis nødvendig */
	z-index: 1;
}

.hero-content {
	position: relative;
	z-index: 2; /* Sørg for at teksten er over overlay */
	color: white;
	text-align: center;
}

.hero h1 {
	font-size: 4rem;
	font-weight: bold;
	color: white;
}

.hero .btn {
	margin-top: 20px;
}