:root {
	--primary-color: #2f5496;
}
#navbar {
	margin-bottom: 25px;
}

.nav-item {
	margin-right: 5px;
}
.nav-link {
	color: white;
}  
	.nav-link:hover {
		background-color: white;
		color: var(--bs-btn-active-bg);
	}

/* General classes */
.nowrap {
    white-space: nowrap;
}


/* Bootstrap overwrites */
.row {
	margin-bottom: 15px;
}
.btn-large {
	min-width: 70%;
	margin-bottom: 5px;
}
	.btn-primary:hover {       
		font-style:italic;
		background-color: var(--bs-btn-color);
		color: var(--bs-btn-bg);
	}
	
.submit-btn {
	background-color: green;
	margin-top: 25px;
}

/* Navbar */
#navbar {
	margin-bottom: 25px;
	background-color: #303030;
}
.navbar-brand {
	margin-left: 15px;
	margin-right: 0px;
}
	#logo {
		height: 101px;
	}
		
.navbar-toggler {
	background: white;
	border-color: rgba(250,250,250,.8);
	margin: 0 10px;
}
	.navbar-toggler > .bi {
		color: black;
	}

.nav-item {
	margin-right: 5px;
}   
	.nav-link {
		color: white;
	}
	.nav-item > .btn {
		border: 1px solid rgba(255,255,255,.3);
		background-color: var(--primary-color);
		border: none;
	}
	.nav-link:hover {
		background-color: white;
		color: var(--primary-color);
	}
	
@media (min-width: 1024px){
	.navbar-brand {
		width: 400px;
		display:inline;
	}
}
@media (max-width: 992px){
	.navbar-brand {
		max-width: 75%;
		display:inline;
	}
	#nav-links {
		margin-top: 15px;
	}
	.nav-item > .btn {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 5px;
	}

}

/* Main container */
#main-container {
	min-height: 70vh;
	margin-top: 25px;
	margin-bottom: 25px;
}


/* Footer */
footer {
	background: #1c1c1c;
	margin-top: 20px;
	border-top: 5px solid var(--primary-color);
	padding-bottom: 25px;
	border-bottom: 20px solid black;
}
	footer p {
		color: white;
	}
	#footer-nav {
		margin-top: 20px;
		text-align: center;
	}
		#footer-logo {
			max-height: 300px;
		}
		#footer-banner {
			width: 100%;
			border: 2px solid white;
		}
	#footer-attributes {
		margin-top: 30px;
		margin-bottom: 0px;
	}
@media (max-width: 992px){

	img {
		margin-bottom: 15px;
	}
}