body {
	background-color: #001f3f;
	/* Dark Blue Background */
	color: #f8f9fa;
	/* Light text color for contrast */
	padding-top: 56px;
}

.banner-image {
	width: 100%;
	height: auto;
}

.banner-container {
	padding-top: 0;
}

.navbar {
	/* Keeping navbar light by default, adjust if needed */
	/* Example: navbar-dark bg-dark for a dark navbar */
}

/* Adjust text colors within the container if needed, although body color should cascade */
main.container h1,
main.container h2,
main.container h3 {
	color: #ffffff;
	/* Ensure headings are bright white */
}

main.container .lead {
	color: #e9ecef;
	/* Slightly dimmer lead text */
}

main.container p {
	color: #ced4da;
	/* Standard paragraph text color */
}

main.container hr {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	/* Lighter horizontal rule */
}


footer {
	/* Footer remains light by default, adjust if needed */
	background-color: #f8f9fa;
	padding: 1.5rem 0;
	margin-top: 2rem;
	color: #212529;
	/* Dark text for light footer */
}

footer p {
	color: #212529;
	/* Explicitly set dark text for footer paragraph */
}

/* Style for main navigation links on hover */
.navbar .navbar-nav>.nav-item>.nav-link:hover {
	background-color: rgb(255, 193, 7);
	/* Optional: Change text color for better contrast on yellow */
	color: #333;
	/* Dark grey or black */
}

/* Style for dropdown items on hover */
.dropdown-menu>li>.dropdown-item:hover {
	background-color: rgb(255, 193, 7);
	/* Optional: Change text color for better contrast on yellow */
	color: #333;
	/* Dark grey or black */
}

/* Ensure the active link hover also applies */
.navbar .navbar-nav>.nav-item>.nav-link.active:hover {
	background-color: rgb(255, 193, 7);
	color: #333;
}

/* Optional: Smooth transition for the color change */
.navbar .navbar-nav>.nav-item>.nav-link,
.dropdown-menu>li>.dropdown-item {
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#counter-images {
	margin-bottom: 20px;
	text-align: center;
	line-height: 0;
}

#counter-images img {
	height: 35px;
	width: auto;
	border: 1px solid black;
	margin: 0 1px;
	vertical-align: middle;
}