/* Reset */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.hidden { display: none; }

/* Icons */
@font-face {
    font-family: 'icons';
        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-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}
.icon-facebook:before { content: '\e802'; }
.icon-facebook-squared:before { content: '\e800'; }
.icon-twitter:before { content: '\e801'; }
.icon-twitter-1:before { content: '\e804'; }
.icon-facebook-circled:before { content: '\e805'; }
.icon-twitter-circled:before { content: '\e806'; }
.icon-facebook-rect:before { content: '\e803'; }

/* Spacing */
.post h1, h3, h4, h5, p, .post-body ul, #post-list li, pre {
margin-bottom: 20px;
}

/* Base */
html, body { height: 100%; }

body {
    font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1 {
    font-size: 30px;
    letter-spacing: -1px;
    color: #222;
    font: 300 32px/1.4em "Helvetica Neue", Helvetica,Arial,sans-serif;
    margin-bottom: 20px;
}

h2 {
    font: italic 19px/1.3em Georgia,serif;
    color: #bbb;
}

h3 {
    font-size: 20px;
    font-weight: 400;
}

p{
    line-height: 1.7;
}


a {
    padding: 0px;
    font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #5badf0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}

.thumbnail{
    display: block;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.center{
    text-align: center;
}
.header{
    text-align: center;
}
.header__name{
    font-size: 48px;
    margin: 0px;
}
.header__description{
    margin: 0px;
}
.header__link{
    padding: 0px;
    font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #5badf0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.block{
    height: auto;
    position: relative;
    padding: 20px;
    border: 1px solid rgba(0,0,0,.25);
    max-width: 600px;
    margin: 20px auto 0px auto;
    display: flex;
    flex-direction: column;
}

.block--no-image{
    margin: 20px auto 20px auto;
}

@media (max-width: 600px) { 
    .block, .block--no-image{
        margin: 20px;
    }
}


.category-header{
    font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.byline{
    font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.5;
}

hr {
    border-top: 1px dashed #8c8b8b;
    margin: 20px 0px 20px 0px;
}

.homepage__wrapper{
    max-width: 600px;
    margin: 0 auto;
    padding: 0px 40px 20px 40px;
}