@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
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,
tfoot,
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: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
.highlight table td.code,
html .gist .gist-file .gist-syntax .gist-highlight table td.code {
    width: 100%
}
.highlight .line-numbers,
html .gist .gist-file .gist-syntax .highlight .line_numbers {
    border-right: 1px solid #ebe4ce !important
}
html .gist .gist-file .gist-meta,
.highlight .line-numbers,
html .gist .gist-file .gist-syntax .highlight .line_numbers {
    color: #93a1a1
}
pre {
    padding: 1px 20px;
    padding: 1px 1rem;
    color: #93a1a1
}
.highlight,
.gist-highlight {
    overflow-y: hidden;
    overflow-x: auto
}
.pre-code,
.highlight code,
html .gist .gist-file .gist-syntax .highlight pre {
    overflow: scroll;
    overflow-y: hidden;
    display: block;
    overflow-x: auto;
    color: #93a1a1 !important
}
.pre-code span,
.highlight code span,
html .gist .gist-file .gist-syntax .highlight pre span {
    color: #93a1a1 !important
}
.pre-code span,
.highlight code span,
html .gist .gist-file .gist-syntax .highlight pre span {
    font-style: normal !important;
    font-weight: normal !important
}
.pre-code .c,
.highlight code .c,
html .gist .gist-file .gist-syntax .highlight pre .c {
    color: #93a1a1 !important;
    font-style: italic !important
}
.pre-code .cm,
.highlight code .cm,
html .gist .gist-file .gist-syntax .highlight pre .cm {
    color: #93a1a1 !important;
    font-style: italic !important
}
.pre-code .cp,
.highlight code .cp,
html .gist .gist-file .gist-syntax .highlight pre .cp {
    color: #93a1a1 !important;
    font-style: italic !important
}
.pre-code .c1,
.highlight code .c1,
html .gist .gist-file .gist-syntax .highlight pre .c1 {
    color: #93a1a1 !important;
    font-style: italic !important
}
.pre-code .cs,
.highlight code .cs,
html .gist .gist-file .gist-syntax .highlight pre .cs {
    color: #93a1a1 !important;
    font-weight: bold !important;
    font-style: italic !important
}
.pre-code .err,
.highlight code .err,
html .gist .gist-file .gist-syntax .highlight pre .err {
    color: #dc322f !important;
    background: none !important
}
.pre-code .k,
.highlight code .k,
html .gist .gist-file .gist-syntax .highlight pre .k {
    color: #cb4b16 !important
}
.pre-code .o,
.highlight code .o,
html .gist .gist-file .gist-syntax .highlight pre .o {
    color: #93a1a1 !important;
    font-weight: bold !important
}
.pre-code .p,
.highlight code .p,
html .gist .gist-file .gist-syntax .highlight pre .p {
    color: #93a1a1 !important
}
.pre-code .ow,
.highlight code .ow,
html .gist .gist-file .gist-syntax .highlight pre .ow {
    color: #2aa198 !important;
    font-weight: bold !important
}
.pre-code .gd,
.highlight code .gd,
html .gist .gist-file .gist-syntax .highlight pre .gd {
    color: #93a1a1 !important;
    background-color: #f4c5b6 !important;
    display: inline-block
}
.pre-code .gd .x,
.highlight code .gd .x,
html .gist .gist-file .gist-syntax .highlight pre .gd .x {
    color: #93a1a1 !important;
    background-color: #f1b1a4 !important;
    display: inline-block
}
.pre-code .ge,
.highlight code .ge,
html .gist .gist-file .gist-syntax .highlight pre .ge {
    color: #93a1a1 !important;
    font-style: italic !important
}
.pre-code .gr,
.highlight code .gr,
html .gist .gist-file .gist-syntax .highlight pre .gr {
    color: #a00
}
.pre-code .gh,
.highlight code .gh,
html .gist .gist-file .gist-syntax .highlight pre .gh {
    color: #93a1a1 !important
}
.pre-code .gi,
.highlight code .gi,
html .gist .gist-file .gist-syntax .highlight pre .gi {
    color: #93a1a1 !important;
    background-color: #e5e3b5 !important;
    display: inline-block
}
.pre-code .gi .x,
.highlight code .gi .x,
html .gist .gist-file .gist-syntax .highlight pre .gi .x {
    color: #93a1a1 !important;
    background-color: #cdd088 !important;
    display: inline-block
}
.pre-code .go,
.highlight code .go,
html .gist .gist-file .gist-syntax .highlight pre .go {
    color: #888
}
.pre-code .gp,
.highlight code .gp,
html .gist .gist-file .gist-syntax .highlight pre .gp {
    color: #555
}
.pre-code .gs,
.highlight code .gs,
html .gist .gist-file .gist-syntax .highlight pre .gs {
    color: #93a1a1 !important;
    font-weight: bold !important
}
.pre-code .gu,
.highlight code .gu,
html .gist .gist-file .gist-syntax .highlight pre .gu {
    color: #6c71c4 !important
}
.pre-code .gt,
.highlight code .gt,
html .gist .gist-file .gist-syntax .highlight pre .gt {
    color: #a00
}
.pre-code .kc,
.highlight code .kc,
html .gist .gist-file .gist-syntax .highlight pre .kc {
    color: #859900 !important;
    font-weight: bold !important
}
.pre-code .kd,
.highlight code .kd,
html .gist .gist-file .gist-syntax .highlight pre .kd {
    color: #268bd2 !important
}
.pre-code .kp,
.highlight code .kp,
html .gist .gist-file .gist-syntax .highlight pre .kp {
    color: #cb4b16 !important;
    font-weight: bold !important
}
.pre-code .kr,
.highlight code .kr,
html .gist .gist-file .gist-syntax .highlight pre .kr {
    color: #d33682 !important;
    font-weight: bold !important
}
.pre-code .kt,
.highlight code .kt,
html .gist .gist-file .gist-syntax .highlight pre .kt {
    color: #2aa198 !important
}
.pre-code .n,
.highlight code .n,
html .gist .gist-file .gist-syntax .highlight pre .n {
    color: #268bd2 !important
}
.pre-code .na,
.highlight code .na,
html .gist .gist-file .gist-syntax .highlight pre .na {
    color: #268bd2 !important
}
.pre-code .nb,
.highlight code .nb,
html .gist .gist-file .gist-syntax .highlight pre .nb {
    color: #859900 !important
}
.pre-code .nc,
.highlight code .nc,
html .gist .gist-file .gist-syntax .highlight pre .nc {
    color: #d33682 !important
}
.pre-code .no,
.highlight code .no,
html .gist .gist-file .gist-syntax .highlight pre .no {
    color: #b58900 !important
}
.pre-code .ni,
.highlight code .ni,
html .gist .gist-file .gist-syntax .highlight pre .ni {
    color: purple
}
.pre-code .nl,
.highlight code .nl,
html .gist .gist-file .gist-syntax .highlight pre .nl {
    color: #859900 !important
}
.pre-code .ne,
.highlight code .ne,
html .gist .gist-file .gist-syntax .highlight pre .ne {
    color: #268bd2 !important;
    font-weight: bold !important
}
.pre-code .nf,
.highlight code .nf,
html .gist .gist-file .gist-syntax .highlight pre .nf {
    color: #268bd2 !important;
    font-weight: bold !important
}
.pre-code .nn,
.highlight code .nn,
html .gist .gist-file .gist-syntax .highlight pre .nn {
    color: #b58900 !important
}
.pre-code .nt,
.highlight code .nt,
html .gist .gist-file .gist-syntax .highlight pre .nt {
    color: #268bd2 !important;
    font-weight: bold !important
}
.pre-code .nx,
.highlight code .nx,
html .gist .gist-file .gist-syntax .highlight pre .nx {
    color: #b58900 !important
}
.pre-code .bp,
.highlight code .bp,
html .gist .gist-file .gist-syntax .highlight pre .bp {
    color: #999
}
.pre-code .vc,
.highlight code .vc,
html .gist .gist-file .gist-syntax .highlight pre .vc {
    color: teal
}
.pre-code .vg,
.highlight code .vg,
html .gist .gist-file .gist-syntax .highlight pre .vg {
    color: #268bd2 !important
}
.pre-code .vi,
.highlight code .vi,
html .gist .gist-file .gist-syntax .highlight pre .vi {
    color: #268bd2 !important
}
.pre-code .nv,
.highlight code .nv,
html .gist .gist-file .gist-syntax .highlight pre .nv {
    color: #268bd2 !important
}
.pre-code .w,
.highlight code .w,
html .gist .gist-file .gist-syntax .highlight pre .w {
    color: #bbb
}
.pre-code .mf,
.highlight code .mf,
html .gist .gist-file .gist-syntax .highlight pre .mf {
    color: #2aa198 !important
}
.pre-code .m,
.highlight code .m,
html .gist .gist-file .gist-syntax .highlight pre .m {
    color: #2aa198 !important
}
.pre-code .mh,
.highlight code .mh,
html .gist .gist-file .gist-syntax .highlight pre .mh {
    color: #2aa198 !important
}
.pre-code .mi,
.highlight code .mi,
html .gist .gist-file .gist-syntax .highlight pre .mi {
    color: #2aa198 !important
}
.pre-code .mo,
.highlight code .mo,
html .gist .gist-file .gist-syntax .highlight pre .mo {
    color: #099
}
.pre-code .s,
.highlight code .s,
html .gist .gist-file .gist-syntax .highlight pre .s {
    color: #2aa198 !important
}
.pre-code .sb,
.highlight code .sb,
html .gist .gist-file .gist-syntax .highlight pre .sb {
    color: #d14
}
.pre-code .sc,
.highlight code .sc,
html .gist .gist-file .gist-syntax .highlight pre .sc {
    color: #d14
}
.pre-code .sd,
.highlight code .sd,
html .gist .gist-file .gist-syntax .highlight pre .sd {
    color: #2aa198 !important
}
.pre-code .s2,
.highlight code .s2,
html .gist .gist-file .gist-syntax .highlight pre .s2 {
    color: #2aa198 !important
}
.pre-code .se,
.highlight code .se,
html .gist .gist-file .gist-syntax .highlight pre .se {
    color: #dc322f !important
}
.pre-code .sh,
.highlight code .sh,
html .gist .gist-file .gist-syntax .highlight pre .sh {
    color: #d14
}
.pre-code .si,
.highlight code .si,
html .gist .gist-file .gist-syntax .highlight pre .si {
    color: #268bd2 !important
}
.pre-code .sx,
.highlight code .sx,
html .gist .gist-file .gist-syntax .highlight pre .sx {
    color: #d14
}
.pre-code .sr,
.highlight code .sr,
html .gist .gist-file .gist-syntax .highlight pre .sr {
    color: #2aa198 !important
}
.pre-code .s1,
.highlight code .s1,
html .gist .gist-file .gist-syntax .highlight pre .s1 {
    color: #2aa198 !important
}
.pre-code .ss,
.highlight code .ss,
html .gist .gist-file .gist-syntax .highlight pre .ss {
    color: #990073
}
.pre-code .il,
.highlight code .il,
html .gist .gist-file .gist-syntax .highlight pre .il {
    color: #099
}
.pre-code div .gd,
.pre-code div .gd .x,
.pre-code div .gi,
.pre-code div .gi .x,
.highlight code div .gd,
.highlight code div .gd .x,
.highlight code div .gi,
.highlight code div .gi .x,
html .gist .gist-file .gist-syntax .highlight pre div .gd,
html .gist .gist-file .gist-syntax .highlight pre div .gd .x,
html .gist .gist-file .gist-syntax .highlight pre div .gi,
html .gist .gist-file .gist-syntax .highlight pre div .gi .x {
    display: inline-block;
    width: 100%
}
ul.social-navigation {
    float: right;
    border-top: 0 !important
}
ul.social-navigation li {
    font-size: 75% !important;
    font-weight: normal;
    padding-left: 0
}
form.contact input,
form.contact textarea {
    color: #3c3c3c;
    font-weight: 500;
    font-family: 'PT Serif', Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    border-radius: 0;
    line-height: 22px;
    background-color: #fbfbfb;
    padding: 13px;
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(0, 0, 0, 0.3)
}
form.contact input:focus,
form.contact textarea:focus {
    background: #fff;
    box-shadow: 0;
    border: 3px solid #dc322f;
    color: black;
    outline: none;
    padding: 13px
}
form.contact textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize: vertical
}
form.contact input[type=submit]:hover {
    background: #dc322f;
    border: 3px solid #dc322f;
    color: #ffffff
}
form.contact input[type=checkbox] {
    width: 1em !important;
    display: inline
}
article p,
p {
    text-align: justify !important
}
div.hire {
    margin: auto;
    padding: 0em;
    display: inline-block
}
div.hire a {
    text-decoration: none;
    padding: 1em;
    color: #dc322f;
    display: inline-block
}
.default-line-height,
article ul,
article ol,
article p {
    line-height: 32.360px;
    line-height: 1.618rem
}
.font-size-smallest,
nav form input.search,
body>footer p,
article footer>p.meta:first-child {
    font-size: 14.637px;
    font-size: 0.732rem
}
.font-size-small,
figure.code,
pre {
    font-size: 16.773px;
    font-size: 0.839rem
}
.font-size-medium,
nav ul li,
#blog-archives time,
#blog-archives footer,
article header p.meta {
    font-size: 19.359px;
    font-size: 0.968rem
}
.font-size-large,
body>header h2 {
    font-size: 32.36px;
    font-size: 1.618rem
}
.font-size-largest,
article h1 {
    font-size: 38.319px;
    font-size: 1.916rem
}
.margin-bottom-large,
blockquote,
pre,
article header,
article header p.meta time,
article ul,
article ol,
article p,
article footer>p.meta:first-child {
    margin-bottom: 32.360px;
    margin-bottom: 1.618rem
}
.margin-bottom-larger,
body>footer,
#blog-archives article {
    margin-bottom: 52.358px;
    margin-bottom: 2.618rem
}
.margin-bottom-largest,
section,
article {
    margin-bottom: 62.000px;
    margin-bottom: 4.236rem
}
.block-padding,
blockquote,
pre,
article ul,
article ol {
    padding: 1px 32.360px;
    padding: 1px 1.618rem
}
.border-style {
    border-top: 2px solid #aaa
}
.code-keywords,
figure.code figcaption span,
figure.code figcaption a,
article p>code,
article li code {
    background-color: #e8e8e8;
    border-radius: 4px;
    padding: 0 5.591px;
    padding: 0 0.28rem
}
.button,
body .pagination a,
article>footer>a {
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 4px;
    background-color: #dc322f;
    color: #fff
}
.button:hover,
body .pagination a:hover,
article>footer>a:hover {
    background-color: #c22321;
    color: #fff
}
.code-font,
figure.code,
pre,
article p>code,
article li code {
    font-family: Menlo, Monaco, "Andale Mono", "Lucida Console", "Courier New", monospace
}
.sans-serif-font-bold,
h1,
h2,
h3,
h4,
h5,
h6,
#blog-archives h2 {
    font-family: "Fjalla One", "Helvetica Neue", Arial, sans-serif
}
.sans-serif-font,
nav ul li,
body>header h2,
body .pagination,
body>footer p,
#blog-archives time,
#blog-archives footer,
article header p.meta,
article footer {
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif
}
.default-font,
html,
blockquote footer {
    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif
}
html {
    border-top: 8px solid #dc322f;
    font-size: 125%;
    line-height: 1
}
body {
    -webkit-text-size-adjust: none;
    background-color: #fff;
    color: #333;
    text-align: center;
    width: 54%;
    margin: 0 auto
}
img {
    width: auto;
    max-width: 100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility
}
a {
    color: #dc322f;
    text-decoration: none;
    outline: none;
    -webkit-transition: color 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s
}
a:hover {
    color: #c22321
}
#main {
    clear: both
}
aside,
.mobile-nav,
.subscription {
    display: none
}
blockquote {
    border-left: 2px solid #aaa;
    font-style: italic
}
blockquote p {
    margin: 0
}
blockquote footer {
    text-align: right
}
blockquote footer a {
    text-decoration: underline
}
cite,
em,
i,
dfn {
    font-style: italic
}
b,
strong {
    font-weight: bold
}
abbr {
    border-bottom: 1px dotted #000
}
small {
    font-size: 16px;
    font-size: 0.8rem
}
mark {
    background-color: #ffff66
}
sup,
sub {
    font-size: 14px;
    font-size: 0.7rem;
    line-height: 0;
    position: relative
}
sup {
    top: -0.6rem
}
sub {
    bottom: -0.4rem
}
img#portrait {
    float: right;
    border-radius: 125px;
    margin-left: 20px;
    margin-left: 1rem;
    width: 240px
}
figure.code figcaption {
    margin: 4px 0 10px;
    line-height: 23.683px;
    line-height: 1.184rem;
    text-align: right
}
figure.code figcaption a {
    margin-left: -3px;
    text-decoration: underline
}
figure.code figcaption span,
figure.code figcaption a {
    display: inline-block
}
figure.code figcaption span:empty,
figure.code figcaption a:empty {
    display: none
}
figure.code .highlight {
    overflow: auto
}
pre {
    text-align: left;
    line-height: 18px
}
pre.line-numbers {
    display: none
}
nav {
    border-top: 2px solid #aaa;
    overflow: auto;
    padding: 14.637px 0;
    padding: 0.732rem 0;
    margin-bottom: 100.316px;
    margin-bottom: 5.016rem
}
nav form {
    float: right
}
nav form input.search {
    border: none;
    background-color: #f2f2f2;
    padding: 9.046px 14.637px;
    padding: 0.452rem 0.732rem;
    border-radius: 4px;
    width: 180px
}
nav ul {
    float: left;
    margin-top: 9.03333px;
    margin-top: 0.45rem;
    line-height: 32.36px;
    line-height: 1.618rem
}
nav ul li {
    display: inline;
    font-weight: bold
}
nav ul li+li {
    padding-left: 23.683px;
    padding-left: 1.184rem
}
body>header {
    margin: 84.715px 0 52.358px 0;
    margin: 4.236rem 0 2.618rem 0
}
body>header h1 {
    font-size: 62.000px;
    font-size: 3.1rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7.640px;
    margin-bottom: 0.382rem
}
body>header h1 a,
body>header h1 a:hover {
    color: #333
}
body>header h2 {
    color: #aaa
}
body .blog-index>article {
    margin-bottom: 137.069px;
    margin-bottom: 6.853rem
}
body section h1 {
    display: none
}
body .pagination {
    padding: 23.683px 0;
    padding: 1.184rem 0;
    margin-bottom: 62px;
    margin-bottom: 3.1rem;
    margin-top: -84.715px;
    margin-top: -4.236rem;
    border-top: 2px solid #aaa
}
body .pagination span,
body .pagination a {
    border-radius: 4px;
    padding: 4.722px 12.361px;
    padding: 0.236rem 0.618rem
}
body .pagination span {
    border: 1px solid #dc322f;
    color: #dc322f
}
body>footer {
    clear: both
}
body>footer p {
    color: #aaa;
    line-height: 20px;
    line-height: 1rem
}
body>footer p a {
    text-decoration: underline
}
#blog-archives {
    margin-bottom: 100.316px;
    margin-bottom: 5.016rem
}
#blog-archives h2 {
    color: #aaa;
    font-size: 50.22px;
    font-size: 2.511rem
}
#blog-archives article h1 {
    font-size: 38.319px;
    font-size: 1.916rem;
    line-height: 44px;
    line-height: 2.2rem;
    padding-bottom: 4.722px;
    padding-bottom: 0.236rem;
    margin: 0
}
#blog-archives time,
#blog-archives footer {
    color: #aaa;
    display: inline
}
#blog-archives time:after {
    content: "*";
    padding: 0 6px 0 10px;
    padding: 0 0.3rem 0 0.5rem
}
#search_results article {
    margin-left: 0;
    margin-top: 20px;
    margin-top: 1rem
}
#search_results article>a {
    display: none
}
#search_results article p {
    margin-top: 14.637px;
    margin-top: 0.732rem
}
#search_results article time:after {
    content: none
}
article header h1 {
    font-size: 45.959px;
    font-size: 2.298rem;
    margin-bottom: 3.456px;
    margin-bottom: 0.173rem;
    line-height: 52.96px;
    line-height: 2.648rem
}
article header h1 a,
article header h1 a:hover {
    color: #333
}
article header p.meta {
    color: #aaa;
    line-height: 1.184rem;
    text-align: center
}
article header p.meta>span:before,
article header p.meta>span:after {
    padding: 0 4px;
    padding: 0 0.2rem;
    content: "*"
}
article h1 {
    margin-top: 62.000px;
    margin-top: 3.1rem;
    margin-bottom: 20px;
    margin-bottom: 1rem
}
article h2 {
    font-size: 30.56px;
    font-size: 1.528rem;
    text-transform: uppercase;
    margin-top: 52.358px;
    margin-top: 2.618rem;
    margin-bottom: 9.046px;
    margin-bottom: 0.452rem
}
article ul,
article ol {
    text-align: left;
    margin-left: 20px;
    margin-left: 1rem
}
article ul li:last-child p,
article ul ol:last-child p,
article ol li:last-child p,
article ol ol:last-child p {
    margin-bottom: 0
}
article ul a,
article ol a {
    text-decoration: underline
}
article ul {
    list-style-type: disc
}
article ol {
    list-style-type: decimal
}
article p {
    text-align: left
}
article p a {
    text-decoration: underline
}
article p>code,
article li code {
    font-size: 17.56px;
    font-size: 0.878rem
}
article footer {
    padding-top: 12.361px;
    padding-top: 0.618rem
}
article footer>span>a {
    text-decoration: underline
}
article footer>p.meta {
    overflow: auto;
    padding-bottom: 38.319px;
    padding-bottom: 1.916rem
}
article footer>p.meta:first-child {
    padding-bottom: 14.637px;
    padding-bottom: 0.732rem;
    border-bottom: 2px solid #aaa
}
article footer>p.meta:first-child time:after,
article footer>p.meta:first-child span.author:after {
    content: "*";
    padding: 0 6px 0 10px;
    padding: 0 0.3rem 0 0.5rem
}
article footer a.basic-alignment {
    text-decoration: none;
    width: 45%;
    display: block;
    line-height: 23.683px;
    line-height: 1.184rem
}
article footer a.basic-alignment.left {
    float: left;
    text-align: left
}
article footer a.basic-alignment.right {
    float: right;
    text-align: right
}
article>footer>a {
    padding: 0.452rem 0;
    padding: 9.046px 0;
    display: block;
    width: 35%;
    margin: 0 auto
}
@media screen and (max-width: 1200px) {
    body {
        width: 75%
    }
}
@media screen and (max-width: 900px) {
    body {
        width: 90%
    }
}
@media screen and (max-width: 750px) {
    html {
        font-size: 106%
    }
    body>header {
        margin: 44.401px 0;
        margin: 2.618rem 0
    }
    nav {
        border-top: none;
        margin-bottom: 44.401px;
        margin-bottom: 2.618rem
    }
    nav ul {
        border-top: 2px solid #808080;
        border-bottom: 1px solid #e6e6e6;
        padding: 16.96px 0;
        padding: 1rem 0
    }
    nav ul,
    nav form {
        width: 100%;
        margin: 0 auto
    }
    nav form {
        margin-bottom: 20.08px;
        margin-bottom: 1.184rem
    }
    nav form input.search {
        font-size: 15.349px;
        font-size: 0.905em
    }
    nav input.search,
    article>footer>a {
        width: 50%
    }
}
@media screen and (max-width: 480px) {
    body>header {
        margin: 32.495px 0;
        margin: 1.916rem 0
    }
    body>header h1 {
        font-size: 37.244px;
        font-size: 2.196rem
    }
    body>header h2 {
        font-size: 15.349px;
        font-size: 0.905rem
    }
    nav {
        margin-bottom: 32.495px;
        margin-bottom: 1.916rem
    }
    nav ul {
        padding: 12.415px 0;
        padding: 0.732rem 0
    }
    nav ul li {
        font-weight: normal
    }
    nav ul li+li {
        padding-left: 7.66px;
        padding-left: 0.452rem
    }
    nav form {
        margin-bottom: 16.96px;
        margin-bottom: 1rem
    }
    nav input.search,
    article>footer>a {
        width: 70%
    }
    #blog-archives h2 {
        font-size: 40.161px;
        font-size: 2.368rem
    }
    #blog-archives article {
        margin-left: 0
    }
    #blog-archives article h1 {
        font-size: 27.441px;
        font-size: 1.618rem
    }
    .blog-index>article {
        margin-bottom: 85.071px !important;
        margin-bottom: 5.016rem !important
    }
    img#portrait {
        display: block;
        float: none;
        width: 200px;
        margin-left: auto;
        margin-right: auto
    }
    article header h1 {
        font-size: 32.495px;
        font-size: 1.916rem;
        line-height: 37.244px;
        line-height: 2.196rem
    }
    article footer>p.meta {
        font-size: 16.417px;
        font-size: 0.968rem
    }
    article .entry-content h1 {
        font-size: 26.559px;
        font-size: 1.566rem;
        line-height: 32.495px;
        line-height: 1.916rem
    }
    article .entry-content h2 {
        font-size: 23.015px;
        font-size: 1.357rem
    }
}