html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.sendgrid { position: absolute; margin-left: -9999px; }

.text-center { text-align: center; }

.list-inline { padding-left: 0; margin-left: -5px; list-style: none; }

.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }

.hll { background-color: #ffffcc; }

.c { color: #999988; font-style: italic; }

/* Comment */
.err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.k { color: #000000; font-weight: bold; }

/* Keyword */
.o { color: #000000; font-weight: bold; }

/* Operator */
.cm { color: #999988; font-style: italic; }

/* Comment.Multiline */
.cp { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Preproc */
.c1 { color: #999988; font-style: italic; }

/* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Special */
.gd { color: #000000; background-color: #ffdddd; }

/* Generic.Deleted */
.ge { color: #000000; font-style: italic; }

/* Generic.Emph */
.gr { color: #aa0000; }

/* Generic.Error */
.gh { color: #999999; }

/* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd; }

/* Generic.Inserted */
.go { color: #888888; }

/* Generic.Output */
.gp { color: #555555; }

/* Generic.Prompt */
.gs { font-weight: bold; }

/* Generic.Strong */
.gu { color: #aaaaaa; }

/* Generic.Subheading */
.gt { color: #aa0000; }

/* Generic.Traceback */
.kc { color: #000000; font-weight: bold; }

/* Keyword.Constant */
.kd { color: #000000; font-weight: bold; }

/* Keyword.Declaration */
.kn { color: #000000; font-weight: bold; }

/* Keyword.Namespace */
.kp { color: #000000; font-weight: bold; }

/* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold; }

/* Keyword.Reserved */
.kt { color: #445588; font-weight: bold; }

/* Keyword.Type */
.m { color: #009999; }

/* Literal.Number */
.s { color: #d01040; }

/* Literal.String */
.na { color: #008080; }

/* Name.Attribute */
.nb { color: #0086B3; }

/* Name.Builtin */
.nc { color: #445588; font-weight: bold; }

/* Name.Class */
.no { color: #008080; }

/* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold; }

/* Name.Decorator */
.ni { color: #800080; }

/* Name.Entity */
.ne { color: #990000; font-weight: bold; }

/* Name.Exception */
.nf { color: #990000; font-weight: bold; }

/* Name.Function */
.nl { color: #990000; font-weight: bold; }

/* Name.Label */
.nn { color: #555555; }

/* Name.Namespace */
.nt { color: #000080; }

/* Name.Tag */
.nv { color: #008080; }

/* Name.Variable */
.ow { color: #000000; font-weight: bold; }

/* Operator.Word */
.w { color: #bbbbbb; }

/* Text.Whitespace */
.mf { color: #009999; }

/* Literal.Number.Float */
.mh { color: #009999; }

/* Literal.Number.Hex */
.mi { color: #009999; }

/* Literal.Number.Integer */
.mo { color: #009999; }

/* Literal.Number.Oct */
.sb { color: #d01040; }

/* Literal.String.Backtick */
.sc { color: #d01040; }

/* Literal.String.Char */
.sd { color: #d01040; }

/* Literal.String.Doc */
.s2 { color: #d01040; }

/* Literal.String.Double */
.se { color: #d01040; }

/* Literal.String.Escape */
.sh { color: #d01040; }

/* Literal.String.Heredoc */
.si { color: #d01040; }

/* Literal.String.Interpol */
.sx { color: #d01040; }

/* Literal.String.Other */
.sr { color: #009926; }

/* Literal.String.Regex */
.s1 { color: #d01040; }

/* Literal.String.Single */
.ss { color: #990073; }

/* Literal.String.Symbol */
.bp { color: #999999; }

/* Name.Builtin.Pseudo */
.vc { color: #008080; }

/* Name.Variable.Class */
.vg { color: #008080; }

/* Name.Variable.Global */
.vi { color: #008080; }

/* Name.Variable.Instance */
.il { color: #009999; }

/* Literal.Number.Integer.Long */
.rrssb-buttons.large-format li a, .rrssb-buttons.large-format li a .rrssb-text { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }

.rrssb-buttons, .rrssb-buttons li, .rrssb-buttons li a { -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix { *zoom: 1; }
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after { content: " "; display: table; }

.rrssb-buttons { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: 36px; margin: 0; padding: 0; width: 100%; }
.rrssb-buttons li { float: left; height: 100%; line-height: 13px; list-style: none; margin: 0; padding: 0 2.5px; }
.rrssb-buttons li.rrssb-email a { background-color: #0a88ff; }
.rrssb-buttons li.rrssb-email a:hover { background-color: #006ed6; }
.rrssb-buttons li.rrssb-facebook a { background-color: #306199; }
.rrssb-buttons li.rrssb-facebook a:hover { background-color: #244872; }
.rrssb-buttons li.rrssb-tumblr a { background-color: #32506d; }
.rrssb-buttons li.rrssb-tumblr a:hover { background-color: #22364a; }
.rrssb-buttons li.rrssb-linkedin a { background-color: #007bb6; }
.rrssb-buttons li.rrssb-linkedin a:hover { background-color: #005983; }
.rrssb-buttons li.rrssb-twitter a { background-color: #26c4f1; }
.rrssb-buttons li.rrssb-twitter a:hover { background-color: #0eaad6; }
.rrssb-buttons li.rrssb-googleplus a { background-color: #e93f2e; }
.rrssb-buttons li.rrssb-googleplus a:hover { background-color: #ce2616; }
.rrssb-buttons li.rrssb-youtube a { background-color: #df1c31; }
.rrssb-buttons li.rrssb-youtube a:hover { background-color: #b21627; }
.rrssb-buttons li.rrssb-reddit a { background-color: #8bbbe3; }
.rrssb-buttons li.rrssb-reddit a:hover { background-color: #62a3d9; }
.rrssb-buttons li.rrssb-pinterest a { background-color: #b81621; }
.rrssb-buttons li.rrssb-pinterest a:hover { background-color: #8a1119; }
.rrssb-buttons li.rrssb-pocket a { background-color: #ED4054; }
.rrssb-buttons li.rrssb-pocket a:hover { background-color: #e4162d; }
.rrssb-buttons li.rrssb-github a { background-color: #444; }
.rrssb-buttons li.rrssb-github a:hover { background-color: #2b2b2b; }
.rrssb-buttons li.rrssb-instagram a { background-color: #517fa4; }
.rrssb-buttons li.rrssb-instagram a:hover { background-color: #406582; }
.rrssb-buttons li a { background-color: #ccc; border-radius: 2px; display: block; font-size: 11px; font-weight: bold; height: 100%; padding: 11px 7px 12px 27px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.rrssb-buttons li a .rrssb-icon { display: block; height: 100%; left: 10px; padding-top: 9px; position: absolute; top: 0; width: 10%; }
.rrssb-buttons li a .rrssb-icon svg { height: 17px; width: 17px; }
.rrssb-buttons li a .rrssb-icon svg path, .rrssb-buttons li a .rrssb-icon svg polygon { fill: #fff; }
.rrssb-buttons li a .rrssb-text { color: #fff; }
.rrssb-buttons li a:active { box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, 0.25); }
.rrssb-buttons li.small a { padding: 0; }
.rrssb-buttons li.small a .rrssb-icon { height: 100%; left: auto; margin: 0 auto; overflow: hidden; position: relative; top: auto; width: 100%; }
.rrssb-buttons li.small a .rrssb-text { visibility: hidden; }
.rrssb-buttons.large-format { height: auto; }
.rrssb-buttons.large-format li { height: auto; }
.rrssb-buttons.large-format li a { border-radius: 0.2em; font-size: 15px; font-size: 1vw; line-height: 1vw; padding: 7% 0% 7% 12%; }
.rrssb-buttons.large-format li a .rrssb-icon { left: 7%; padding-top: 0; width: 12%; }
.rrssb-buttons.large-format li a .rrssb-icon svg { height: 100%; width: 100%; position: absolute; top: 0; }
.rrssb-buttons.large-format li a .rrssb-text { font-size: 15px; font-size: 1vw; }
.rrssb-buttons.large-format li a:hover { font-size: 15px; font-size: 1vw; padding: 7% 0% 7% 12%; border-radius: 0.2em; }
.rrssb-buttons.small-format { padding-top: 5px; }
.rrssb-buttons.small-format li { height: 80%; padding: 0 1.5px; }
.rrssb-buttons.small-format li a .rrssb-icon { height: 100%; padding-top: 0; }
.rrssb-buttons.small-format li a .rrssb-icon svg { height: 48%; position: relative; top: 6px; width: 80%; }
.rrssb-buttons.tiny-format { height: 22px; position: relative; }
.rrssb-buttons.tiny-format li { padding-right: 7px; }
.rrssb-buttons.tiny-format li a { background-color: transparent; padding: 0; }
.rrssb-buttons.tiny-format li a .rrssb-icon svg { height: 70%; width: 100%; }
.rrssb-buttons.tiny-format li a:hover, .rrssb-buttons.tiny-format li a:active { background-color: transparent; }
.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon { fill: #0a88ff; }
.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #0054a3; }
.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon { fill: #306199; }
.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #18304b; }
.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon { fill: #32506d; }
.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #121d27; }
.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon { fill: #007bb6; }
.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #003650; }
.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon { fill: #26c4f1; }
.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #0b84a6; }
.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon { fill: #e93f2e; }
.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #a01e11; }
.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon { fill: #df1c31; }
.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #84111d; }
.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon { fill: #8bbbe3; }
.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #398bcf; }
.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon { fill: #b81621; }
.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #5d0b11; }
.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon { fill: #ED4054; }
.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #b61124; }
.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon { fill: #444; }
.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #111111; }
.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon { fill: #517fa4; }
.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path, .rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon { fill: #2f4a60; }

@font-face { font-family: icons; font-weight: normal; font-style: normal; src: url("../fonts/icons.eot"); src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg"); }
@font-face { font-family: 'custom'; font-style: normal; font-weight: normal; src: url("../fonts/custom-webfont.eot"); src: url("../fonts/custom-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/custom-webfont.woff") format("woff"), url("../fonts/custom-webfont.ttf") format("truetype"), url("../fonts/custom-webfont.svg#custom") format("svg"); }
@font-face { font-family: 'custom'; font-style: normal; font-weight: bold; src: url("../fonts/custombold-webfont.eot"); src: url("../fonts/custombold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/custombold-webfont.woff") format("woff"), url("../fonts/custombold-webfont.ttf") format("truetype"), url("../fonts/custombold-webfont.svg#custom") format("svg"); }
@font-face { font-family: 'custom'; font-style: italic; font-weight: bold; src: url("../fonts/custombolditalic-webfont.eot"); src: url("../fonts/custombolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/custombolditalic-webfont.woff") format("woff"), url("../fonts/custombolditalic-webfont.ttf") format("truetype"), url("../fonts/custombolditalic-webfont.svg#custom") format("svg"); }
@font-face { font-family: 'custom'; font-style: italic; font-weight: normal; src: url("../fonts/customitalic-webfont.eot"); src: url("../fonts/customitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/customitalic-webfont.woff") format("woff"), url("../fonts/customitalic-webfont.ttf") format("truetype"), url("../fonts/customkitalic-webfont.svg#custom") format("svg"); }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Regular.otf") format("opentype"); }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-RegularItalic.otf") format("opentype"); font-style: italic; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Bold.otf") format("opentype"); font-weight: bold; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-BoldItalic.otf") format("opentype"); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Light.otf") format("opentype"); font-weight: 300; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-LightItalic.otf") format("opentype"); font-weight: 300; font-style: italic; }
body { padding: 24px; font-size: 16px; line-height: 24px; font-family: 'Montserrat', sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

img { width: 100%; }

h1 { font-size: 24px; line-height: 32px; }

h2 { font-size: 18px; }

a { color: #36c; text-decoration: none; }

a:hover { text-decoration: underline; }

.menu { padding: 0 0 20px; }

.menu li { display: inline; margin-right: 15px; list-style-type: none; }

.menu li a { font-weight: bold; color: #333; text-decoration: underline; }

.menu li a:hover { color: #36c; }

footer { margin-top: 48px; font-size: 12px; color: #999; }

footer a { color: #999; text-decoration: underline; }

aside { text-align: left; width: 168px; float: left; font-size: 14px; line-height: 21px; }

aside h2 { margin: 0.3em 0; }

aside img { width: 128px; }

main { text-align: left; width: 700px; margin-left: 224px; }

/*****************************
* Home
******************************/
.posts { padding: 0; list-style: none; }

.posts .title { font-size: 18px; }

.posts .excerpt { margin: 6px 0; }

.posts .date { margin-top: 24px; font-size: 14px; color: #999; }

.posts li { margin-bottom: 46px; }

.about { margin: 24px 0 42px 0; }

/*****************************
* Media Queries
******************************/
@media screen and (max-width: 965px) { aside { float: none; width: auto; overflow: hidden; margin-bottom: 24px; text-align: center; }
  aside section { margin: 0; display: inline-block; vertical-align: middle; }
  aside p { margin: 0; }
  aside img { vertical-align: middle; margin-right: 14px; width: 75px; }
  main { clear: left; margin-left: 0; width: 100%; } }
/*****************************
* Icons
******************************/
.icon-twitter:before, .icon-google-plus:before, .icon-facebook:before { font-family: 'icons', sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-decoration: none; }

.icon-twitter:before { content: "\e002"; }

.icon-google-plus:before { content: "\e003"; }

.icon-facebook:before { content: "\e004"; }

.content { width: 100%; max-width: 700px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 800px) { .content { padding: 0 32px; } }
.content article { padding: 20px 0; border-bottom: 1px solid #f2f2f0; }

.content article:last-child { border-bottom: 0; }

.content article .post-title { letter-spacing: -0.02em; font-weight: 800; font-style: normal; display: block; font-size: 28px; line-height: 1.1; margin: 0 0 6px; font-family: 'Alegreya', sans-serif; }

.content article .post-title a { text-decoration: none; color: #333332; }

.content article .post-title a:hover { text-decoration: none; }

.content article .post-excerpt { color: #333; line-height: 1.5; }

.content article .post-meta time { text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.1em; }

.content article .post-meta a { color: #b3b3b1; text-decoration: none; }

.content article .post-meta a:hover { text-decoration: underline; }

.container.featured { padding-bottom: 40px; }

.index-headline { border-top: 1px solid #dededc; margin: 0; padding: 16px 0; }

.index-headline span { color: #b3b3b1; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }

.archive-template .index-headline.featured { display: none; }

.pagination { text-align: center; padding: 48px 0 0; font-size: 12px; }

.pagination a { color: #999999; text-decoration: none; }

.pagination a:hover { color: #333333; }

.post-reading { position: absolute; bottom: 10px; right: 30px; line-height: 44px; display: inline-block; white-space: nowrap; font-size: 14px; letter-spacing: -0.02em; font-weight: 400; font-style: normal; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; z-index: 999; color: rgba(255, 255, 255, 0.9); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.5); }

.site-footer { margin: 0 auto; padding: 48px 0; width: 100%; max-width: 640px; font-size: 14px; text-align: center; color: #999999; line-height: 18px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

.site-footer a { color: #2272FF; text-decoration: none; }

.site-footer .copyright { margin-bottom: 4px; }

.site-footer .fa-rss { font-size: 18px; color: #ff6600; }

.site-footer .fa-facebook { font-size: 18px; color: #3b5998; }

.site-footer .fa-twitter { font-size: 18px; color: #00aced; }

.site-footer .fa-google-plus { font-size: 18px; color: #dd4b39; }

.site-footer .fa-linkedin { font-size: 18px; color: #007bb6; }

.post .article-image { position: absolute; background-color: black; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.post .article-image .post-image-image { background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; padding-top: 33%; z-index: 1; }

.post .article-image .post-meta { position: absolute; bottom: 80px; left: 15%; right: 15%; z-index: 999; font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 800px) { .post .article-image .post-meta { left: 16px; right: 16px; } }
.article-item { text-align: center; }

.post .article-image .post-title { font-weight: 700; font-style: normal; letter-spacing: -0.02em; font-size: 2rem; line-height: 1.1; color: white; margin: 10px 0; margin-top: 0.2em; text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }

.post .article-image .author-image { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 8px; margin-bottom: -10px; float: left; background-size: cover; border-radius: 100%; text-indent: -9999px; }

.post .article-image .author-name { display: inline; }

.post .article-image .post-meta-text { color: rgba(255, 255, 255, 0.75); letter-spacing: -0.02em; font-weight: 400; font-style: normal; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.5); font-size: 14px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; }
.post .article-image .post-meta-text p { margin-top: 10px; }

.post .article-image .post-meta-text a { color: rgba(255, 255, 255, 0.75); }

.post .article-image .post-meta-text a:hover { color: white; }

.post .article-image .fa-angle-down { font-size: 32px; margin: 64px auto 0; color: rgba(255, 255, 255, 0.75); }

.post .article-image .fa-angle-down:hover { color: white; }

.post .article-image .topofpage { text-decoration: underline; }

.post .noarticleimage .post-meta { font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif; padding-top: 60px; }

.post .noarticleimage .post-title { font-weight: 700; font-style: normal; letter-spacing: -0.04em; font-size: 50px; line-height: 1.1; color: #333332; margin-bottom: 16px; }

.post .noarticleimage .author-image { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 8px; margin-bottom: -10px; float: left; background-size: cover; border-radius: 100%; text-indent: -9999px; }

.post .noarticleimage .author-name { display: inline; }

.post .noarticleimage .post-meta-text { color: #b3b3b1; letter-spacing: -0.02em; font-weight: 400; font-style: normal; font-size: 14px; overflow: hidden; font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif; white-space: nowrap; text-overflow: ellipsis; }

.post .post-content { width: 100%; font-family: 'custom', serif; color: #333333; }

.post .post-content h1, .post .post-content h2, .post .post-content h3 { font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

.post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 { letter-spacing: -0.02em; font-weight: 700; font-style: normal; font-size: 24px; line-height: 1.3; margin: 0; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; margin-bottom: 4px; }

.post .post-content h1 { font-size: 32px; letter-spacing: -0.02em; font-weight: 700; font-style: normal; line-height: 1.2; }

.post .post-content h2 { margin-bottom: 10px; letter-spacing: -0.02em; font-weight: 700; font-style: normal; font-size: 24px; line-height: 1.2; }

.post .post-content p { font-weight: 400; font-style: normal; font-size: 20px; line-height: 1.5; margin: 0; padding-bottom: 30px; color: #333333; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.post .post-content a { color: #1d7cf4; text-decoration: none; }

.post .post-content a:hover { opacity: 0.65; }

.post .post-content img { max-width: 100%; margin: 0 auto; }

.post .post-content figure { margin: 0; padding: 0 0 30px; }

.post .post-content figcaption { font-weight: 400; font-style: italic; font-size: 16px; line-height: 1.3; color: #666665; outline: 0; z-index: 300; text-align: center; }

.post .post-content code { font-size: 14px; background-color: #f8f8f8; border: 1px solid #ddd; vertical-align: middle; font-family: Consolas, Monaco, 'Ubuntu Mono', 'Courier New', 'Courier', monospace; border-radius: 3px; padding: 4px 5px 2px; position: relative; white-space: nowrap; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.065); }

.post .post-content pre > code { background-color: #f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px; line-height: 1.4; width: 100%; display: block; white-space: pre; overflow: auto; border-radius: 8px; }

.post .post-content pre { padding: 0; margin: 0 0 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.post .post-content pre code, .post .post-content tt { border: none; }

.post .post-content hr { border: 0; padding: 0; display: block; width: 15%; margin: 30px auto; border: 0px solid #dddddd; border-top: 1px solid #dddddd; }

.post .post-content blockquote { margin: 0 0 30px; border: none; }

.post .post-content blockquote p { letter-spacing: 0.01rem; font-weight: 400; font-style: italic; border-left: 3px solid #57ad68; padding-left: 20px; margin-left: -26px; padding-bottom: 3px; }

.post .post-content ul, .post .post-content ol { padding: 0 0 30px; margin: 0; }

.post .post-content ul li, .post .post-content ol li { padding: 0; font-weight: 400; font-style: normal; font-size: 20px; line-height: 30px; margin-left: 30px; margin-bottom: 12px; padding-top: 2px; }

.post .post-content ul li p, .post .post-content ol li p { padding: 0 0 1.618rem; }

.post .post-content ol li { list-style-type: decimal; }

.post .bottom-teaser { padding: 50px 0; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }

.post .bottom-teaser hr { border: 0; padding: 0; display: block; width: 15%; margin: 16px 0 16px 100px; border: 0px solid #dddddd; border-top: 1px solid #dddddd; }

.post .bottom-teaser .isLeft { float: left; width: 47%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 800px) { .post .bottom-teaser .isLeft { width: 100%; padding-bottom: 32px; } }
.post .bottom-teaser .isLeft .index-headline { padding-bottom: 32px; }

.post .bottom-teaser .isLeft .author-image { display: block; width: 80px; height: 80px; float: left; background-size: cover; border-radius: 100%; text-indent: -9999px; }

.post .bottom-teaser .isLeft h4 { font-size: 18px; line-height: 1.1; font-weight: 700; padding: 0; margin: 0; padding-left: 100px; }

.post .bottom-teaser .isLeft p { font-size: 14px; line-height: 1.3; font-weight: 400; padding: 0; margin: 0; padding-left: 100px; }

.post .bottom-teaser .isLeft p.published { color: #999999; }

.post .bottom-teaser .isRight { float: right; width: 47%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 800px) { .post .bottom-teaser .isRight { width: 100%; } }
.post .bottom-teaser .isRight .index-headline { padding-bottom: 32px; }

.post .bottom-teaser .isRight .site-footer { margin: 0; padding: 0; color: #333333; text-align: left; font-size: 14px; line-height: 1.3; color: #999999; }

.post .bottom-teaser .isRight .site-footer a { color: #333333; text-decoration: none; }

.post .bottom-teaser .isRight .site-footer a:hover { text-decoration: underline; }

.post .bottom-teaser .isRight .site-footer .poweredby { display: block; padding-bottom: 18px; font-weight: 700; color: #333333; }

.share { text-align: right; padding: 20px 0 0; }

.share a { text-decoration: none; color: #bbbbbb; padding-left: 12px; }

.share a .hidden { display: none; }

.share a:hover { color: #333333; }

.bottom-closer { width: 100%; position: relative; overflow: hidden; }

.bottom-closer .background-closer-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.bottom-closer .inner { width: 100%; position: relative; z-index: 99; max-width: 640px; padding: 120px 0 90px; text-align: center; margin: 0 auto; }

.bottom-closer .inner .blog-title { margin: 0; padding: 0 0 10px; font-size: 50px; text-align: center; font-weight: 700; letter-spacing: -2px; outline: 0; line-height: 50px; word-break: break-word; color: white; text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }

.bottom-closer .inner .blog-description { margin: 0 0 50px; padding: 0 32px; font-size: 18px; line-height: 1.5; color: white; text-align: center; font-weight: 400; text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }

.bottom-closer .inner .custom-links { margin: 0 0 50px; }

.bottom-closer .inner .btn { display: inline-block; text-align: center; letter-spacing: -0.02em; font-size: 15px; font-weight: 400; font-style: normal; text-decoration: none; cursor: pointer; height: 44px; background: #57ad68; color: white; vertical-align: middle; box-sizing: border-box; border-radius: 999em; line-height: 44px; padding: 0 18px; }

table { width: 100%; margin: 34px 0; }

table td, table th { padding: 6px; text-align: left; }

table th { border-bottom: 1px solid #ececec; }

.navigation { position: absolute; left: 0; top: 34px; z-index: 900; width: 100%; text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }

.navigation .logo, .navigation .toggle { position: absolute; top: 0; height: 34px; margin: 0; line-height: 34px; color: white; background: none; border: none; outline: none; }

.navigation .logo:active:after, .navigation .toggle:active:after { top: 1px; }

.navigation .logo:hover, .navigation .toggle:hover { opacity: 1; }

.navigation .logo:hover:after, .navigation .toggle:hover:after { opacity: 0.65; }

.navigation .logo { margin-left: 30px; display: block; padding: 0 0 0 43px; font-size: 1rem; }

.navigation .logo:after { left: 0; background-position: 0 0; }

.navigation ul { margin-right: 30px; float: right; font-size: .75rem; font-weight: 700; text-transform: uppercase; cursor: pointer; }

.navigation ul li { display: inline-block; }

.navigation ul li:not(:last-child) { padding-right: 8px; }

.navigation li a { color: #fff; text-decoration: none; }

.navigation li a:hover { color: #fff; opacity: 0.65; }

.navigation .toggle { right: 0; padding: 0 43px 0 0; font-family: "Karla", sans-serif; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; cursor: pointer; }

.navigation .toggle:after { right: 0; background-position: -34px 0; }

.navigation .toggle.open:after { background-position: -68px 0; }

.navigation nav { position: absolute; top: 34px; right: 0; width: 306px; background: white; }

.navigation nav ul { padding: 28px 34px; margin: 0; }

.navigation nav ul li { list-style: none; }

.navigation nav ul li a { font-size: 1rem; line-height: 1.75rem; color: #4b505a; }

.navigation nav ul li a:hover { position: relative; color: #1d7cf4; opacity: 1; }

.teaserimage { height: 450px; position: relative; overflow: hidden; background-color: #000; text-align: center; }

.teaserimage .teaserimage-image { background-size: cover; background-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-indent: -9999px; }

.teaserimage .excerpt { position: absolute; bottom: 0; width: 100%; z-index: 999; text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.5); color: #fff; font-family: 'Source Sans Pro', Arial, sans-serif; }

.teaserimage .excerpt a { color: #fff; text-decoration: none; }

.teaserimage .excerpt h4 a { border-bottom: 1px solid; }

.teaserimage .excerpt a:hover { opacity: 0.65; }