.hero {
	padding: 0;
	overflow:hidden;
}

.video-hero {
	position: relative;
	overflow: hidden;
	height: 300px;
	max-height: 300px;
	/*background: url(/_resources/images/razorbug/2022-razorbug-hope-from-mandy-marcum-dsc-9514-1200x675.jpg) no-repeat center center;*/
	background: radial-gradient(circle, rgba(66, 66, 66, 0.75) 40%, rgba(0, 0, 0, 0.75) 95%), url('/_resources/images/hero-razorbug-tour-blur-bkgr.jpg') no-repeat center bottom;
	background-size: cover;
}

video {
	position: absolute;
	top: 0;
	right: 0;
	width: auto !important;
}

.videooverlay {
	background: rgb(0 0 0 / 50%);	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pagetitle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
}

h1 {
	--hue: 0;
	--bg: #424242;
	--text: #ffffff;
	--shadow: #000000;
	--highlight: #c7c8ca;
	font-size: 11vi !important;
	text-transform: uppercase;
	letter-spacing: -.15ch;
	line-height: .9 !important;
}


.RBheadline,
.RBsubhead {
	color: white;
	line-height: 1em;
	text-transform: uppercase;
	text-shadow: 0 6px 6px #1a1a1a80;
	margin: 0;
}

.RBheadline {
	font-family: "Roboto Serif", sans-serif;
	font-size: 1.25em;
	text-shadow:
		0 .10ch 10px var(--shadow),
		0 -2px 0 var(--highlight);
}

.RBsubhead {
	font-size: 0.4em;
	font-weight: 400;
	letter-spacing: 2px;
	opacity: 0.85;
}

.location {
	border-bottom: 1px solid #eee;
}

.location p {
	position: relative;
}

.presentlocation p:before {
	font-family: 'Font Awesome 6 Pro';
	font-size: 1em;
	font-weight: 700;
	content: "\f0da";
	color: #9d2235;
	position: absolute;
	top: 0;
	left: -30px;
}

.presentlocation p {
	color: #9d2235;
}


@media (min-width: 576px) {
	.video-hero {
		height: 200px;
		max-height: 200px;
	}
	
	.RBheadline {
		font-size: 1.5em;
	}

	.RBsubhead {
		font-size: 0.38em;
		letter-spacing: 5px;
	}
}

@media (min-width: 768px) {
	.video-hero {
		height: 260px;
		max-height: 260px;
	}
	
	.RBheadline {
		font-size: 2em;
	}

	.RBsubhead {
		font-size: 0.55em;
	}
}

@media (min-width: 992px) {
	.video-hero {
		height: 340px;
		max-height: 340px;
	}
	
	.RBheadline {
		font-size: 3.25em;
	}

	.RBsubhead {
		font-size: 0.85em;
		letter-spacing: 5px;
	}
}

@media (min-width: 1200px) {
	.video-hero {
		height: 400px;
		max-height: 400px;
	}
}

@media (min-width: 1600px) {
	.video-hero {
		height: 550px;
		max-height: 550px;
	}
}