body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /* Sets the font family */
	color: #333;
	background-color: #fbfef9;
	width: 100%;
	overflow-x: hidden;
}

:root {
	--bs-color-red: #f30;
	--bs-color-blue: #0090ff;
	--bs-accent: #997d2f;
	--bs-text-color: #333;
	--bs-back-light: #e1ecf4;
}

.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* ensures full coverage */
	z-index: -1; /* keep it behind content */
}
/* Container styles */
.landing-container {
	min-height: 100vh; /* full viewport height */
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	color: white;
	background: rgba(0, 0, 0, 0.1); /* optional overlay tint */
}

.b-divider {
	width: 100%;
	height: 3rem;
}

/* Navbar transparent overlay */
.navbar {
	background: rgba(0, 0, 0, 0.6); /* semi-transparent */
}

.navbar.scrolled {
	background: white; /* Or any desired color */
}

.navbar-brand img {
	max-height: 50px;
}

.nav-link {
	cursor: pointer;
}

.nav-link:focus,
.nav-link:hover {
	color: var(--bs-color-blue) !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: var(--bs-color-blue) !important;
}

.navbar-toggler {
	border: none;
	padding: 4px 6px;
	background-color: white;
	border-radius: 4px;
}

.text-red {
	color: var(--bs-color-red) !important;
}

.text-blue {
	color: var(--bs-color-blue) !important;
}

.hero {
	min-height: 100vh; /* full viewport height */
	background: url("img/STLM-Space-force-banner.png") center center / cover no-repeat;
	display: flex;
	align-items: center;
	color: white;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.page-title {
	height: 50vh;
	align-content: center;
}

.page-contact {
	height: 100vh;
	align-content: center;
}

.img-team {
	max-width: 250px;
	width: 100%;
}

footer {
	width: 100%;
	color: white;
	padding: 12px 0;
	font-size: 0.9rem;
}

footer img {
	max-width: 250px;
	width: 100%;
	height: auto;
}
