* {
box-sizing: border-box;
}

:root {
--red: #6B0504;
--white: #f1f1f1;
--text: #000;
height: 100%;
}

body {	
    font-family: "Lora", serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    font-size: min(max(16px, 2vw), 22px);
	font-weight: 400;
    line-height: 1.5;
}

body {
	height: 100%;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: max-content 1fr max-content;
	grid-template-areas:
	"header"
	"content"
	"footer";
	margin: 0;
}

p, h1, h2, h3, h4, h5, h6, figure, ul, ol {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

h1 {
	margin-top: 2em;
	margin-bottom: 1.5em;
}

h2 {
	margin-top: 1.75em;
	margin-bottom: 1.5em;
}

h3 {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h4 {
	margin-top: 1em;
	margin-bottom: 1em;
}

a {
	color: var(--red);
}

.home {
/* background-image: url(/static/img/bayship.jpg); */
background-size: cover;
background-position: 50% 50%;
}

.home-hero {
	margin-top: 2rem;
	> img {
		width: 100%;
	}
}

.wrapper {	
	max-width: 900px;
	margin: 0 auto;
	padding: 0 2rem;
	width: 100%;
}

.header {	
	grid-area: header;
	width: 100%;
	padding: 2rem 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.header-logo > img {
	height: 40px;
}

.header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-list {
	list-style: none;
	display: flex;
	align-items: center;
}

.nav-list > li:not(:last-child) {
	margin-right: 1rem;
}

.nav-list > li > a {
	color: black;
	text-decoration: none;
	font-size: 1.3rem;
	font-weight: 400;
}

.nav-list > li.selected > a {
	font-weight: 600;
}

main {
	grid-area: content;
}

.home-text > h1 {
	margin: 0;
	margin-top: 6rem;
	margin-bottom: 1rem;
	font-size: 3em;
}

.business-list {
	list-style: none;
}

.business-list > li {
	margin-bottom: 2rem;
}

.business-list > li > h2 {
	margin-bottom: 1rem;
}

.business-list > li > p {
	margin-bottom: 1rem;
}

.business-block > h1 {
	margin-bottom: 3rem;
}

.business-block > p {
	margin-bottom: 1rem;
}

.footer {
	grid-area: footer;
	padding-top: 6rem;
	padding-bottom: 2rem;
}

.footer.white .footer-copyright {
    color: white;
}