:root {
	--primary: #a02c2c;
}

* {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: "Fira Sans", sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #222;
}

a {
	color: var(--primary);
}
	a:hover {
		color: inherit;
	}

h1 {
	font-size: 2.5rem;
	line-height: 3.2rem;
}
h2 {
	font-size: 2rem;
	line-height: 2.8rem;
}
h3 {
	line-height: 1.8rem;
}

section h1:first-child,
section h2:first-child,
section h3:first-child,
section h4:first-child {
	margin-top: 0;
}
section p:last-child {
	margin-bottom: 0;
}

hr {
	border: 0;
	height: 1px;
	background: #ddd;
	margin: 30px 0;
}

footer {
	margin-bottom: 30px;
	font-size: 1rem;
	color: #888;
}

.section:not(last-child) {
	margin-bottom: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

sup a {
	text-decoration: none;
	font-size: 1rem;
	display: inline-block;
	padding: 0 3px 0 5px;
	line-height: 1rem;
}

.box {
	padding: 10px;
	border: 1px solid #e6e6e6;
	box-shadow: 1px 1px 4px #e6e6e6;
}

.header {
	background: #f5f5f5;
	padding: 60px 0;
	margin-bottom: 60px;
}

	.nav {
		text-align: right;
	}
	.nav a {
		display: inline-block;
		margin-left: 30px;
		text-decoration: none;
	}

.intro {
	margin-bottom: 45px;
}
	.intro h1 {
		font-weight: 400;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

#projects img {
	max-width: 200px;
}

.funders li {
	display: inline-block;
	margin-right: 15px;
}

.people h3 {
	margin-top: 0;
}
	.people img {
		max-width: 275px;
		margin-top: 10px;
	}

.donate {
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 2px !important;
	display: inline-block;
	background-color: var(--primary);
	color: #fff;
	text-decoration: none;
}

.donate:hover {
	background: #222;
	color: #fff;
}

@media(max-width: 1000px) {
	body {
		font-size: 16px;
	}
	.header, .main {
		padding: 20px;
		margin-bottom: 15px;
	}
	.logo img {
		max-width: 150px;
	}
}

@media(max-width: 760px) {
	.header, .nav {
		text-align: center;
	}
	.nav a {
		font-size: 0.9rem;
		margin: 0 10px;
	}
}