@charset "UTF-8";
@font-face { font-family: "Layout"; src: url("http://a.germanforblack.com/fonts/layout-webfont.eot?") format("eot"), url("http://a.germanforblack.com/fonts/layout-webfont.woff") format("woff"), url("http://a.germanforblack.com/fonts/layout-webfont.ttf") format("truetype"); }
* { box-sizing: border-box; }

html { font-family: serif; }

.grid { margin: 0 auto; max-width: 1000px; padding: 0 3.8%; font-family: Layout; }
.grid > * { font-family: serif; }

[role='banner'] { float: left; margin-top: 2em; }
[role='banner'] nav { overflow: visible; margin-top: 4em; }
[role='banner'] nav a { float: left; clear: left; }
[role='banner'] nav a:before { content: '•'; margin-right: .6em; }

.articles-introduction h1 { font-size: 1.6em; }

.post { margin-top: 9em; }

.internal .post, .contact .internal { margin-top: 4.5em; }

.post .module, .internal .post .module, .internal .post::after, .about-the-author .module, .contact .module { max-width: 640px; margin-left: auto; margin-right: auto; }

.post footer { margin-bottom: 9em; }

[role='main'] h1 { font-family: "Proxima Nova", proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3em; font-weight: 600; line-height: 1.2em; }

.post .body p { margin-bottom: 1.05em; font-size: 1.1em; line-height: 1.5em; }
.post .body p img { margin-top: 3em; margin-bottom: 3em; }

.about-the-author .module h1 { font-size: 1.4em; }
.about-the-author .module p { font-size: .9em; }