/* Content pages (About, Privacy): loaded by page.html only, on top of main.css. */

/* A compact header: logo and site name, linking home, without the home page's pitch. */
#header.compact {
	padding: 4em 0 11em 0;
}

	#header.compact .logo {
		border-bottom: 0;
		cursor: pointer;
		font-size: 1.5em;
		margin: 0 0 0.5em 0;
	}

	#header.compact h1 {
		font-size: 1.75em;
	}

	#header.compact h1 a {
		border-bottom: 0;
		color: #ffffff;
	}

		#header.compact h1 a:hover {
			color: #4eb980;
		}

/* The body: a reading column, left-aligned, with the theme's list reset undone. */
.content-page h2,
.content-page h3,
.content-page h4 {
	text-align: left;
	letter-spacing: 0.1em;
}

.content-page h2 {
	font-size: 1.35em;
	margin: 0 0 1em 0;
}

.content-page h3 {
	font-size: 1.05em;
	margin: 0 0 0.75em 0;
}

.content-page h4 {
	font-size: 0.95em;
	margin: 0 0 0.5em 0;
}

.content-page ul {
	list-style: disc;
	padding-left: 1.25em;
}

.content-page ol {
	list-style: decimal;
	padding-left: 1.5em;
}

	.content-page ul li,
	.content-page ol li {
		padding-left: 0.35em;
		margin-bottom: 0.35em;
	}

.content-page hr {
	margin: 2.5em 0;
}

@media screen and (max-width: 736px) {

	#header.compact {
		padding: 2.5em 2em 7em 2em;
	}

		#header.compact h1 {
			font-size: 1.35em;
		}

}