body, html {
    margin: 0;
    padding: 0;
    min-height: 100vh
}

body {
    font-family: Roboto Condensed, sans-serif
}

h1 {
    color: #c7aa8b
}

h2, h3 {
    color: #4d4d4d
}

.bg-grey {
    background: #333
}

.bg-tan {
    background: tan
}

.navbar {
    padding: 0 20px;
}

.nav-item:hover, .nav-item.active {
    background: #000
}

nav a {
    text-decoration: none;
	text-align: center;
}

@media (min-width: 992px) {
	.navbar {
		display: flex;
		align-items: center;
		padding: 0;
	}

	.navbar-collapse {
		display: flex;
		flex: 1;
	}

	.navbar-nav {
		display: flex;
		flex: 1;
		justify-content: space-between;
		height: 60px;
	}

	.navbar-nav > li {
		display: flex;
		flex: 1;
		border-left: 1px solid #4d4d4d;
	}

	.navbar-nav > li:last-child {
		border-right: 1px solid #4d4d4d;
	}

	.navbar-nav > li > a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		text-align: center;
	}
}