@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tdfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { font-family: "garamond-premier-pro", "Times New Roman", Times, serif; font-size: 20px; line-height: 1.4em; color: #333; }

a { color: #c00; text-decoration: none; }
a:hover { text-decoration: underline; }

em { font-style: italic; }

strong { font-weight: bold; }

.sr-only { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

hr.divider { margin: 3em auto; width: 28%; border: 0; text-align: center; }
hr.divider:after { content: "★★★"; letter-spacing: .5em; font-size: .7em; }

.wrapper { margin: 0 auto; padding: 0 2em; max-width: 820px; }

.page-content { margin: 3em 0em; }

.site-header { padding: 2em 0; margin-bottom: 2em; border-bottom: 1px solid #eee; font-family: "acumin-pro", "Hevetica Nueue", Hevetica, Arial; font-size: .8em; }
.site-header nav { margin-left: 6px; }
.site-header ul li { display: inline-block; font-weight: bold; }
.site-header ul li:after { content: "/"; display: inline-block; margin: 0em 1em; color: #ccc; font-weight: normal; }
.site-header ul li:last-child:after { content: ""; margin: 0; }
.site-header a { color: #333; }
.site-header a:hover { color: #c00; text-decoration: none; }
.site-header i { position: relative; top: 0px; color: #c00; }

.about { margin: 3em 0; }
.about p { color: #333; font-style: italic; line-height: 1.6em; }

.about-img { text-align: center; margin: 3em 0; }
.about-img img { border-radius: 50%; display: inline-block; max-width: 100px; text-align: center; }

.posts-home { margin-top: 2em; margin-bottom: 2em; }

.post h2 { font-family: "acumin-pro", "Hevetica Nueue", Hevetica, Arial; font-weight: bold; font-size: 1.4rem; margin-top: 1.2em; }
.post p { margin: 1.4em 0; font-size: 1em; line-height: 1.6em; }
.post .post-header { margin: 2em 0 1.5em 0; }
.post .post-title { font-family: "acumin-pro", "Hevetica Nueue", Hevetica, Arial; font-weight: bold; font-size: 1.4rem; line-height: 1.2em; margin: 0 0 .2em 0; }
.post .post-title a { color: #333; }
.post .post-title a:hover { color: #c00; text-decoration: none; }
.post .post-meta { font-style: italic; font-size: .8em; margin: 0; color: #999; margin-bottom: .6em; }

.post-page .post .post-title { font-size: 3rem; }

.post.post-excerpt { margin: 3em 0; }
.post.post-excerpt p { margin: .8em 0; }
.post.post-excerpt .post-meta { margin: 0; }

.site-footer { padding: 3em 0; margin-top: 3em; border-top: 1px solid #eee; font-family: "acumin-pro", "Hevetica Nueue", Hevetica, Arial; font-size: .8em; text-align: center; }
.site-footer p { margin-bottom: 1em; }
.site-footer ul li { display: inline-block; margin: 0 .4em; }
.site-footer nav a { font-size: 1.4em; color: #999; }
.site-footer nav a:hover { color: #c00; }

@media only screen and (max-width: 768px) { body { font-size: 17px; }
  .site-header { padding: 1em 0; }
  .site-header ul li:after { margin: 0 .5em; }
  .about, .page-content, hr.divider { margin: 2em auto; }
  .site-footer { padding: 1em 0; } }