html { box-sizing: border-box; }

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

html { margin: 0; padding: 0; border-left: 12px solid #337933; height: 100%; }

body { margin: 0; padding: 0; width: 100%; font-family: 'Source Sans Pro', sans-serif; color: #141914; background-color: #f1f3f1; }

a { font-family: 'Fira Sans', sans-serif; font-weight: 300; text-decoration: none; color: #437c90; display: inline-block; }
a:hover:after { width: 100%; background-color: #437c90; }
a:after { content: ''; display: block; height: 3px; width: 0; background-color: transparent; -webkit-transition: width 0.5s ease, background-color 0.3s ease; -moz-transition: width 0.5s ease, background-color 0.3s ease; transition: width 0.5s ease, background-color 0.3s ease; }

#main { max-width: 1200px; margin-left: auto; margin-right: auto; }
#main::after { clear: both; content: ""; display: table; }
#main > header { float: left; display: block; margin-right: 2.35765%; width: 100%; font-family: "Fjalla One", "sans-serif"; font-size: 8rem; font-weight: 300; text-shadow: 1px 1px 4px #9fac9f; margin-top: 50px; margin-bottom: 50px; }
#main > header:last-child { margin-right: 0; }
#main section#content { float: left; display: block; margin-right: 2.35765%; width: 74.41059%; margin-left: 25.58941%; }
#main section#content:last-child { margin-right: 0; }
#main .post-block { margin-bottom: 50px; }
#main .post-block > header { font-size: 1.5rem; }
#main .post-block > header > span { font-size: 1.1rem; }
#main .post-block > section > p { margin: 0; padding: 0; }