/* lander1.css */

:root {
	--primary-color: #5781ae;
	--primary-faded: #ffffffbb;
	--secondary-color: #16181a;
	--secondary-faded: #273b50ad;
	--footerback: #343a40;
	--accent-color: #f4f4f4;
}

body {
	font-family: 'Arial', sans-serif;
}

a {
	color: var(--primary-color);
	text-decoration: none;
}

.hero {
	color: var(--secondary-color);
	background-color: var(--primary-color);
}

.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary:hover {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.features i {
	color: var(--primary-color);
}

.about-us {
	background-color: var(--accent-color);
}

.callout {
	font-size: 1.25em;
}

.call-to-action {
	background-color: var(--secondary-color);
}

.site-title {
	background-color: var(--accent-color);
	color: var(--primary-color);
	height: 5vh;
}

.home-background,
.precon-background,
.invest-background {
	background-size: cover;
	height: 45vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
}

.home-background {
	background-image: linear-gradient(var(--primary-faded), var(--primary-faded)), url('/images/home.jpg');
}

.precon-background {
	background-image: linear-gradient(var(--primary-faded), var(--primary-faded)), url('/images/precon.jpg');
}

.invest-background {
	background-image: linear-gradient(var(--primary-faded), var(--primary-faded)), url('/images/invest.jpg');
}

.footer {
	background-color: var(--footerback);
}