html { box-sizing: border-box; }

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

a { text-decoration: none; color: #666; }

a:hover { color: #111; }

.site-header, .site-footer, .page-content { max-width: 1200px; margin-left: auto; margin-right: auto; }
.site-header::after, .site-footer::after, .page-content::after { clear: both; content: ""; display: block; }
.site-header .wrapper, .site-footer .wrapper, .page-content .wrapper { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-left: 25.58941%; }
.site-header .wrapper:last-child, .site-footer .wrapper:last-child, .page-content .wrapper:last-child { margin-right: 0; }

.site-header { margin-top: 30px; }
.site-header .wrapper a { font-size: 1.333em; }
.site-header .wrapper > a { float: left; display: block; margin-right: 4.82916%; width: 30.11389%; }
.site-header .wrapper > a:last-child { margin-right: 0; }
.site-header .wrapper .site-nav { float: left; display: block; margin-right: 4.82916%; width: 65.05695%; }
.site-header .wrapper .site-nav:last-child { margin-right: 0; }
.site-header .wrapper .site-nav a { float: right; }

.site-footer p { color: #888; font-size: small; text-align: center; }

.page-heading { color: #333; font-size: 1.77689em; }

.post-list li { list-style-type: none; color: #888; }
.post-list .post-meta { font-size: 0.75019em; }
.post-list .post-link { font-size: 1.333em; }