/* VIDEO & IMG HEADER */

.img-header {
    position: relative;
	top: 0;
	left: 0;
	height: 70%;
	width: 100%;
	border-bottom: 1px solid rgba(201, 155, 71, 0.45);
	overflow: hidden;
	background-color: var(--bg-deep);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.header-text {
	font-size: clamp(76px, 7vw, 150px);
	font-family: "Docktrin";
	color: var(--accent-bright);
	text-shadow: 3px #000;
	text-shadow:
		4px 4px 0 #000,
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
	margin-top: 30px;
}

/* MOBILE */

@media only screen and (max-device-width: 860px), only screen and (max-width: 860px) {
	.header-text {
		position: relative;
		top: 30px;
		font-size: 2.5em;
	}
}

@media only screen and (max-device-width: 860px) and (orientation: portrait), only screen and (max-width: 860px) and (orientation: portrait) {
	.img-header {
		height: 40%;
		background-position: left center;
	}
}