html {
        font-family: 'Montserrat', sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

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

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden],
    template {
        display: none
    }

    a {
        background-color: transparent;        
    }

    a:active,
    a:hover {
        outline: 0
    }
    .entry-title a,
    .entry-title a:hover{
        padding-top: .2em;
        padding-left: .1em;
        padding-right: .1em;
    }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b,
    strong {
        font-weight: 700
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em;
        margin: 0.75em 0 0.25em 0em;
        clear: both;
        line-height: 1.2;        
        text-transform: uppercase;
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 1em 40px
    }

    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

    input[type=checkbox],
    input[type=radio] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: 700
    }

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

    td,
    th {
        padding: 0
    }

    body {
        color: #444;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        line-height: 1.6;
        font-size: 14px;
        font-size: .875rem
    }

    @media screen and (min-width:34em) {
        body {
            font-size: 14px;
            font-size: .875rem
        }
    }

    @media screen and (min-width:40em) {
        body {
            font-size: 15px;
            font-size: .9375rem
        }
    }

    @media screen and (min-width:60em) {
        body {
            font-size: 16px;
            font-size: 1rem
        }
    }

    @media screen and (min-width:1280px) {
        body {
            font-size: 18px;
            font-size: 1.125rem
        }
    }

    @media screen and (min-width:60em) {
        body {
            font-weight: 400
        }
    }

    .small-body-text {
        font-size: 13px;
        font-size: .8125rem
    }

    @media screen and (min-width:34em) {
        .small-body-text {
            font-size: 13px;
            font-size: .8125rem
        }
    }

    @media screen and (min-width:40em) {
        .small-body-text {
            font-size: 14px;
            font-size: .875rem
        }
    }

    @media screen and (min-width:60em) {
        .small-body-text {
            font-size: 15px;
            font-size: .9375rem
        }
    }

    @media screen and (min-width:1280px) {
        .small-body-text {
            font-size: 16px;
            font-size: 1rem
        }
    }

    .large-body-text {
        font-size: 14px;
        font-size: .875rem
    }

    @media screen and (min-width:34em) {
        .large-body-text {
            font-size: 14px;
            font-size: .875rem
        }
    }

    @media screen and (min-width:40em) {
        .large-body-text {
            font-size: 16px;
            font-size: 1rem
        }
    }

    @media screen and (min-width:60em) {
        .large-body-text {
            font-size: 17px;
            font-size: 1.0625rem
        }
    }

    @media screen and (min-width:1280px) {
        .large-body-text {
            font-size: 20px;
            font-size: 1.25rem
        }
    }
    
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        line-height: 1.2;
        margin: 0.75em 0 0.25em 0; 
        text-transform: uppercase
    }

    h1 {
        margin-top: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Yanone Kaffeesatz', sans-serif;
        letter-spacing: .0125rem;
    }

    .h1,
    h1 {
        font-size: 3.998em
    }

    .h2,
    h2 {
        font-size: 1.999em
    }

    .h3,
    h3 {
        font-size: 1.414em
    }

    .h4,
    h4 {
        font-size: 1.25em
    }

    .h5,
    h5 {
        font-size: 1.125em
    }

    .h6,
    h6 {
        font-size: 1em
    }

    @media screen and (min-width:40em) {
        .h1,
        h1 {
            font-size: 5.998em
        }
        .h2,
        h2 {
            font-size: 2.827em
        }
        .h3,
        h3 {
            font-size: 1.999em
        }
        .h4,
        h4 {
            font-size: 1.414em
        }
        .h5,
        h5 {
            font-size: 1.25em
        }
        .h6,
        h6 {
            font-size: 1.125em
        }
    }

    .small-headings .h1,
    .small-headings h1 {
        font-size: 2.441em
    }

    .small-headings .h2,
    .small-headings h2 {
        font-size: 1.553em
    }

    .small-headings .h3,
    .small-headings h3 {
        font-size: 1.25em
    }

    .small-headings .h4,
    .small-headings h4 {
        font-size: 1.175em
    }

    .small-headings .h5,
    .small-headings h5 {
        font-size: 1.125em
    }

    .small-headings .h6,
    .small-headings h6 {
        font-size: 1em
    }

    @media screen and (min-width:40em) {
        .small-headings .h1,
        .small-headings h1 {
            font-size: 2.441em
        }
        .small-headings .h2,
        .small-headings h2 {
            font-size: 1.953em
        }
        .small-headings .h3,
        .small-headings h3 {
            font-size: 1.553em
        }
        .small-headings .h4,
        .small-headings h4 {
            font-size: 1.25em
        }
        .small-headings .h5,
        .small-headings h5 {
            font-size: 1.175em
        }
        .small-headings .h6,
        .small-headings h6 {
            font-size: 1.125em
        }
    }

    .medium-headings .h1,
    .medium-headings h1 {
        font-size: 3.157em
    }

    .medium-headings .h2,
    .medium-headings h2 {
        font-size: 1.777em
    }

    .medium-headings .h3,
    .medium-headings h3 {
        font-size: 1.333em
    }

    .medium-headings .h4,
    .medium-headings h4 {
        font-size: 1.25em
    }

    .medium-headings .h5,
    .medium-headings h5 {
        font-size: 1.125em
    }

    .medium-headings .h6,
    .medium-headings h6 {
        font-size: 1em
    }

    @media screen and (min-width:40em) {
        .medium-headings .h1,
        .medium-headings h1 {
            font-size: 5.157em
        }
        .medium-headings .h2,
        .medium-headings h2 {
            font-size: 2.369em
        }
        .medium-headings .h3,
        .medium-headings h3 {
            font-size: 1.777em
        }
        .medium-headings .h4,
        .medium-headings h4 {
            font-size: 1.333em
        }
        .medium-headings .h5,
        .medium-headings h5 {
            font-size: 1.25em
        }
        .medium-headings .h6,
        .medium-headings h6 {
            font-size: 1.125em
        }
    }

    .huge-headings .h1,
    .huge-headings h1 {
        font-size: 5.063em
    }

    .huge-headings .h2,
    .huge-headings h2 {
        font-size: 2.25em
    }

    .huge-headings .h3,
    .huge-headings h3 {
        font-size: 1.5em
    }

    .huge-headings .h4,
    .huge-headings h4 {
        font-size: 1.25em
    }

    .huge-headings .h5,
    .huge-headings h5 {
        font-size: 1.125em
    }

    .huge-headings .h6,
    .huge-headings h6 {
        font-size: 1em
    }

    @media screen and (min-width:40em) {
        .huge-headings .h1,
        .huge-headings h1 {
            font-size: 7.063em
        }
        .huge-headings .h2,
        .huge-headings h2 {
            font-size: 3.375em
        }
        .huge-headings .h3,
        .huge-headings h3 {
            font-size: 2.25em
        }
        .huge-headings .h4,
        .huge-headings h4 {
            font-size: 1.5em
        }
        .huge-headings .h5,
        .huge-headings h5 {
            font-size: 1.25em
        }
        .huge-headings .h6,
        .huge-headings h6 {
            font-size: 1.125em
        }
    }

    p {    
        margin-bottom: 0.75em;    
        margin-top: 0
    }

    cite,
    dfn,
    em,
    i {
        font-style: italic
    }

    address {
        margin: 0 0 1.5em
    }

    pre {
        background: #f7f7f7;
        border-radius: 3px;
        -webkit-box-shadow: 3px 3px 3px #aaa;
        box-shadow: 3px 3px 3px #aaa;
        font-family: monospace;
        font-size: 1.125em;
        line-height: 1.6;
        margin-bottom: 1.5em;
        max-width: 100%;
        overflow: auto;
        padding: 2em
    }

    pre code {
        font-size: .8em;
    }

    code,
    kbd,
    tt,
    var {
        font-family: "Space Mono", monospace;
    }

    abbr,
    acronym {
        border-bottom: 1px dotted #444;
        cursor: help
    }

    ins,
    mark {
        background: #444;
        color: #fff;
        text-decoration: none
    }

    big {
        font-size: 1.25em
    }

    small {
        font-size: .75em
    }

    .small-icons .icon {
        width: 2em;
        height: 2em
    }

    .medium-icons .icon {
        width: 2.5em;
        height: 2.5em
    }

    .large-icons .icon {
        width: 3em;
        height: 3em
    }

    html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

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

    body {
        background: #fff
    }

    blockquote {
        font-family: 'Arimo', sans-serif;  
        font-style: italic;
        border-left: 5px solid #4C4843;
        -webkit-box-shadow: 3px 3px 3px#89807B;
        box-shadow: 3px 3px 3px#89807B;
        font-size: 1.25em;
        margin: 1.5em;
        padding: 0.5em 1em 0.25em 0.5em;
        quotes: "" ""
    }

    blockquote footer {
        text-align: right
    }

    q {
        font-style: italic;
        quotes: "\00ab" "\00bb"
    }

    hr {
        background-color: #ddd;
        border: 0;
        height: 1px;
        margin-bottom: 1.5em
    }

    img {
        height: auto;
        max-width: 100%
    }

    figure {
        margin: 1em 0
    }

    a {
        border-radius: 3px;
        color: #444;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    a:visited {
        color: #111
    }

    a:active,
    a:focus,
    a:hover {
        background-color: #777;
        color: #fff;
        text-decoration: none
    }

    a:focus {
        outline: thin dotted
    }

    a:active,
    a:hover {
        outline: 0
    }

    ol,
    ul {
        margin: 0 0 1.5em
    }

    ul {
        list-style: square
    }

    ol {
        list-style: decimal
    }

    li>ol,
    li>ul {
        margin-bottom: 0;
        margin-left: 0;
    }

    dt {
        font-weight: 700
    }

    dd {
        margin: 0 1.5em 1.5em
    }

    table {
        margin: 1.5em 0;
        width: 100%
    }

    th {
        background-color: #444;
        border: 1px solid #777;
        color: #fff;
        padding: .5em
    }

    th a {
        color: #fff
    }

    td {
        border: 1px solid #777;
        padding: .5em
    }

    tr:nth-of-type(2n+1) {
        background-color: #f7f7f7
    }

    tfoot td {
        background-color: #444;
        border: 1px solid #777;
        color: #fff;
        padding: .5em
    }

    .button,
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        background-color: transparent;
        border: 2px solid #444;
        fill: #fff;
        border-radius: 3px;
        display: inline-block;
        line-height: 1;
        padding: 1em 1.5em;
        text-transform: uppercase;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    .button:active,
    .button:focus,
    .button:hover,
    button:active,
    button:focus,
    button:hover,
    input[type=button]:active,
    input[type=button]:focus,
    input[type=button]:hover,
    input[type=reset]:active,
    input[type=reset]:focus,
    input[type=reset]:hover,
    input[type=submit]:active,
    input[type=submit]:focus,
    input[type=submit]:hover {
        background-color: #fbd700;
        border-color: #fbd700;
        -webkit-box-shadow: 3px 3px 3px #aaa;
        box-shadow: 3px 3px 3px #aaa;
        color: #fff;
        fill: #2F2F2F;
        outline: 0;
        text-decoration: none
    }

    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=range],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        color: #777;
        border: 1px solid #777;
        border-radius: 3px;
        padding: .5em;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    input[type=color]:focus,
    input[type=date]:focus,
    input[type=datetime-local]:focus,
    input[type=datetime]:focus,
    input[type=email]:focus,
    input[type=month]:focus,
    input[type=number]:focus,
    input[type=password]:focus,
    input[type=range]:focus,
    input[type=search]:focus,
    input[type=tel]:focus,
    input[type=text]:focus,
    input[type=time]:focus,
    input[type=url]:focus,
    input[type=week]:focus,
    select:focus,
    textarea:focus {
        -webkit-box-shadow: 3px 3px 3px #777;
        box-shadow: 3px 3px 3px #777;
        border-color: #444;
        color: #444;
        outline: 0
    }

    textarea {
        width: 100%
    }

    form {
        margin-bottom: 1.5em
    }

    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden
    }

    .screen-reader-text:focus {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        clip: auto !important;
        color: #444;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        left: 3em;
        padding: 1em 2em;
        top: 3em;
        width: auto;
        z-index: 100000
    }

    #content[tabindex="-1"]:focus {
        outline: 0
    }

    .alignleft {
        display: inline;
        float: left;
        margin: 1.5em 1.5em 1.5em 0
    }

    .alignright {
        display: inline;
        float: right;
        margin: 1.5em 0 1.5em 1.5em
    }

    .aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.5em
    }

    .alignnone {
        margin: 1.5em 0
    }

    .clear:after,
    .clear:before,
    .comment-content:after,
    .comment-content:before,
    .entry-content:after,
    .entry-content:before,
    .site-content:after,
    .site-content:before,
    .site-header:after,
    .site-header:before {
        content: "";
        display: table;
        table-layout: fixed
    }

    .clear:after,
    .comment-content:after,
    .entry-content:after,
    .site-content:after,
    .site-header:after {
        clear: both
    }

    .infinite-scroll .posts-navigation,
    .infinite-scroll.neverending .site-footer {
        display: none
    }

    .infinity-end.neverending .site-footer {
        display: block
    }

    .comment-content .wp-smiley,
    .entry-content .wp-smiley,
    .page-content .wp-smiley {
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0
    }

    embed,
    iframe,
    object {
        max-width: 100%
    }

    .wp-caption {
        margin-bottom: 1.5em;
        max-width: 100%
    }

    .wp-caption img[class*=wp-image-] {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption .wp-caption-text {
        margin: 1em 0
    }

    .wp-caption-text {
        font-size: .8em;
        font-style: italic;
        text-align: center
    }

    .gallery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.5em
    }

    .gallery-item {
        text-align: center
    }

    .gallery-columns-2 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

    .gallery-columns-3 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%
    }

    .gallery-columns-4 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }

    .gallery-columns-5 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%
    }

    .gallery-columns-6 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 16.66%;
        flex: 1 1 16.66%
    }

    .gallery-columns-7 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 14.28%;
        flex: 1 1 14.28%
    }

    .gallery-columns-8 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 12.5%;
        flex: 1 1 12.5%
    }

    .gallery-columns-9 .gallery-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 11.11%;
        flex: 1 1 11.11%
    }

    .gallery-caption {
        display: block
    }

    .site-header {
        background-color: #52514E;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 3px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 auto 2em
    }

    @media screen and (min-width:1280px) {
        .site-header {
            margin-bottom: 3em
        }
    }

    .header-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        min-width: 0;
        max-width: 100%;
        padding: 0px 0px 12px 12px;
    }

    .header-info>* {
        max-width: 100%
    }

    .small-header .header-info {
        min-height: 10vw
    }

    .header-title {
        -webkit-animation: title-fade-in .5s ease-in-out;
        animation: title-fade-in .5s ease-in-out;
        letter-spacing: -.075em;
        line-height: 1;
        margin: 0 0 -.13em -.05em;
        word-wrap: break-word;
        font-family: 'Montserrat', sans-serif;
        letter-spacing: .025rem;
    }

    .header-description,
    .header-meta {
        -webkit-animation: title-fade-in .5s .5s ease-out forwards;
        animation: title-fade-in .5s .5s ease-out forwards;
        font-weight: 700;
        margin-bottom: 0;
        opacity: 0;
        text-transform: uppercase
    }    

    .header-meta a {
        color: #fff
    }

    .header-meta a:focus,
    .header-meta a:hover {
        background-color: #fff;
        color: #444;
        text-decoration: none
    }

    @-webkit-keyframes title-fade-in {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2em);
            transform: translateX(2em)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes title-fade-in {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2em);
            transform: translateX(2em)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @-webkit-keyframes subtitle-fade-in {
        0%,
        50% {
            opacity: 0;
            -webkit-transform: translateX(2em);
            transform: translateX(2em)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes subtitle-fade-in {
        0%,
        50% {
            opacity: 0;
            -webkit-transform: translateX(2em);
            transform: translateX(2em)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .main-navigation {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2em;
        margin: 0 auto;
        min-width: 0;
        width: 100%
    }

    @media screen and (min-width:1280px) {
        .main-navigation {
            max-width: 1280px;
            padding: 2em 0
        }
    }

    .main-navigation a {
        color: #fff
    }

    .main-navigation a:focus,
    .main-navigation a:hover {
        background-color: #fbd700;
        color: #000
    }

    .primary-menu {
        list-style: none;
        margin-bottom: 3em;
        padding: 0
    }

    .primary-menu a {
        background-color: transparent;
        border-bottom: 5px solid transparent;
        border-radius: 0;
        color: #fff;
        display: inline-block;
        padding: .25em;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    .primary-menu a:focus,
    .primary-menu a:hover {
        background-color: transparent;
        border-bottom-color: #fbd700;
        color: #fbd700;
        outline: 0
    }

    .children,
    .sub-menu {
        list-style: none;
        padding-left: 2em;
        font-size: .9em
    }

    a.custom-logo-link {
        border: none;
        display: inline-block;
        line-height: 0;
        margin: 0;
        padding: 0;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    a.custom-logo-link:focus,
    a.custom-logo-link:hover {
        background-color: transparent;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    a.custom-logo-link img {
        max-height: 4em;
        width: auto
    }

    a.home-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 2px solid #fff;
        border-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .5em 1em .5em .5em;
        text-transform: uppercase;
        text-decoration: none
    }

    a.home-link:focus,
    a.home-link:hover {
        background-color: #fbd700;
        color: #2F2F2F;
        border: 2px solid #2F2F2F;
        outline: 0
    }

    .home-icon {
        padding: 9px
    }

    .menu-toggle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        padding: .5em 1em .5em .5em
    }

    .menu-toggle:focus,
    .menu-toggle:hover {
        background-color: #fbd700;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #2F2F2F;
        outline: 0
    }

    .menu-wrapper {
        background-color: #444;
        border-left: 2px solid #5e5e5e;
        bottom: 0;
        height: 100vh;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 2em;
        position: fixed;
        right: -17px;
        top: 0;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        visibility: hidden;
        width: 0;
        z-index: 100
    }

    @media screen and (min-width:1280px) {
        .menu-wrapper {
            padding: 3em
        }
    }

    .menu-wrapper .menu-toggle {
        border: none;
        padding: 0
    }

    .menu-wrapper .social-icons a:focus .icon,
    .menu-wrapper .social-icons a:hover .icon {
        fill: #444
    }

    .menu-wrapper .button {
        border: 2px solid #fff;
        border-radius: 3px;
        padding: 1em 1.5em
    }

    .menu-wrapper .button:active,
    .menu-wrapper .button:focus,
    .menu-wrapper .button:hover {
        background-color: #fbd700;
        color: #2F2F2F
    }

    .main-navigation.toggled .menu-wrapper {
        max-width: 80vw;
        opacity: 1;
        visibility: visible;
        width: 30em
    }

    .menu-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2em
    }

    @media screen and (min-width:1280px) {
        .menu-header {
            margin-bottom: 3em
        }
    }

    .menu-title {
        margin: 0
    }

    .search-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .search-form label {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        min-width: 0
    }

    .search-form input {
        height: 100%
    }

    .search-form button {
        border: none;
        line-height: 0;
        padding: 0
    }

    .search-form button:focus .icon,
    .search-form button:hover .icon {
        color: #2F2F2F
    }

    .search-form .icon {
        color: #444;
        margin: auto 0
    }

    .small-icons .search-form input {
        width: calc(100% + 2em)
    }

    .medium-icons .search-form input {
        width: calc(100% + 2.5em)
    }

    .large-icons .search-form input {
        width: calc(100% + 3em)
    }

    .site-content {
        margin: 0 auto 2em;
        max-width: 1280px
    }

    @media screen and (min-width:60em) {
        .site-content {
            padding: 0 2em
        }
    }

    @media screen and (min-width:1280px) {
        .site-content {
            margin-bottom: 3em;
            padding: 0
        }
    }

    @media screen and (min-width:60em) {
        .sidebar-left .site-content,
        .sidebar-right .site-content {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
    }

    .sidebar-left .site-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .content-area {
        -webkit-box-flex: 1.618;
        -ms-flex: 1.618 1.618 0px;
        flex: 1.618 1.618 0px;
        margin: 0 auto;
        max-width: 49em;
        min-width: 0
    }

    .medium-content-area .content-area {
        -webkit-box-flex: 2;
        -ms-flex: 2 2 0px;
        flex: 2 2 0px;
        max-width: 52em
    }

    .large-content-area .content-area {
        -webkit-box-flex: 3;
        -ms-flex: 3 3 0px;
        flex: 3 3 0px;
        max-width: 58em
    }

    .error-404,
    .hentry,
    .no-results {
        background-color: #fff;
        border-radius: 3px;
        -webkit-box-shadow: 3px 3px 3px #aaa;
        box-shadow: 3px 3px 3px #aaa;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2em
    }

    @media screen and (min-width:1280px) {
        .error-404,
        .hentry,
        .no-results {
            margin-bottom: 3em
        }
    }

    .error-404>*,
    .hentry>*,
    .no-results>* {
        max-width: 100%
    }

    .entry-header {
        border-left: 1em solid #fbd700;
        border-radius: 3px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 1em 2em 1em 1em
    }

    .entry-header>* {
        max-width: 100%
    }

    @media screen and (min-width:1280px) {
        .entry-header {
            padding: 1em 3em 1em 2em
        }
    }

    .entry-title {
        margin-top: .1em;
        word-wrap: break-word;
    }

    .entry-meta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 700;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        text-transform: uppercase;
        word-wrap: break-word
    }

    .thumbnail {
        line-height: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        text-align: center
    }

    .thumbnail img {
        border-radius: 3px 3px 0 0
    }

    .comment-edit-link,
    .post-edit-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: 1;
        padding-left: .5em
    }

    .entry-content {
        padding: .75em 2em 2em 2em;
        word-wrap: break-word
    }

    @media screen and (min-width:1280px) {
        .entry-content {
            padding: 3em
        }
    }

    .entry-footer {
        border-top: 2px solid #ddd;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 1em 2em;
        word-wrap: break-word
    }

    @media screen and (min-width:1280px) {
        .entry-footer {
            padding: 1em 3em
        }
    }

    .comments-link,
    .tags-links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .tags-links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        vertical-align: text-bottom
    }

    .tags-links a {
        margin: 0 5px
    }

    .comments-link {
        margin-left: auto
    }

    .more-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: .5em 1em
    }

    .page-links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.5em
    }

    .page-links>* {
        margin-left: .5em;
        border-radius: 3px;
        display: inline-block;
        padding: .5em 1em
    }

    .page-links>span {
        border: 2px solid #444
    }

    .page-links>a {
        border: 2px solid transparent
    }

    .bypostauthor,
    .sticky {
        color: #fbd700;
        background-color: #444
    }

    .bypostauthor a,
    .sticky a {
        color: #fbd700
    }

    .bypostauthor a:focus,
    .bypostauthor a:hover,
    .sticky a:focus,
    .sticky a:hover {
        background-color: #fbd700;
        color: #2F2F2F
    }

    .comments-area {
        background-color: #fbd700;
        border-radius: 3px;
        -webkit-box-shadow: 3px 3px 3px #aaa;
        box-shadow: 3px 3px 3px #aaa;
        margin-bottom: 2em;
        padding: 2em
    }

    @media screen and (min-width:1280px) {
        .comments-area {
            margin-bottom: 3em;
            padding: 3em
        }
    }

    .comments-pagination .nav-links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 1.5em
    }

    .comments-pagination .nav-links>* {
        margin-left: .5em;
        border-radius: 3px;
        display: inline-block;
        padding: .5em 1em
    }

    .comments-pagination .nav-links>span {
        border: 2px solid #444
    }

    .comments-pagination .nav-links>a {
        border: 2px solid transparent
    }

    .comments-title {
        margin-top: .1em;
        word-wrap: break-word
    }

    .comment-list {
        list-style: none;
        padding: 0
    }

    .comment-list .children {
        margin-left: 0;
        padding-left: 3em;
        font-size: 1em
    }

    .comment-body {
        margin-bottom: 1.5em;
        word-wrap: break-word
    }

    @media screen and (min-width:40em) {
        .comment-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
    }

    .comment-author {
        padding: 1em;
        text-align: center
    }

    @media screen and (min-width:40em) {
        .comment-author {
            margin: 0 auto;
            max-width: 11em
        }
    }

    .avatar {
        border-radius: 3px;
        display: block;
        margin: 0 auto .5em
    }

    .comment-content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        min-width: 0;
        padding: 1em
    }

    .comment-metadata {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .reply {
        margin-right: .5em;
        text-align: right
    }

    .comment-content a {
        word-wrap: break-word
    }

    .bypostauthor {
        display: block;
        color: #fbd700;
        background-color: #444
    }

    .bypostauthor a {
        color: #fbd700
    }

    .bypostauthor a:focus,
    .bypostauthor a:hover {
        background-color: #fbd700;
        color: #2F2F2F
    }

    .comment-form label {
        display: block;
        margin-bottom: .5em
    }

    @media print {
        .comment-form {
            display: none
        }
    }

    .submit {
        padding: 1.5em 2em
    }

    .post-navigation,
    .posts-navigation {
        background-color: #fbd700;
        -webkit-box-shadow: 3px 3px 3px #aaa;
        box-shadow: 3px 3px 3px #aaa;
        margin: 0 auto 2em;
        padding: 2em
    }

    @media screen and (min-width:1280px) {
        .post-navigation,
        .posts-navigation {
            margin-bottom: 3em;
            padding: 3em
        }
    }

    .nav-links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .nav-next {
        margin-left: auto
    }

    .next-post-link,
    .next-posts-link,
    .previous-post-link,
    .previous-posts-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: .5em 0;
        padding: .5em 1em
    }

    .next-posts-link span:last-child,
    .previous-post-link span:last-child {
        margin-right: .5em
    }

    .next-post-link span:first-child,
    .previous-posts-link span:first-child {
        margin-left: .5em
    }

    .site-footer {
        background-color: #444;
        border-top: 1px solid #5e5e5e;
        color: #fff;        
    }

    .site-footer a {
        color: #fff
    }

    .site-footer a:focus,
    .site-footer a:hover {
        background-color: #fbd700;
        color: #2F2F2F
    }

    .site-footer .button,
    .site-footer button,
    .site-footer input[type=button],
    .site-footer input[type=reset],
    .site-footer input[type=submit] {
        border-color: #fbd700
    }

    .footer-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2em;
        margin: 0 auto
    }

    @media screen and (min-width:1280px) {
        .footer-wrapper {
            max-width: 1280px;
            padding: 2em 0
        }
    }

    .footer-wrapper>* {
        margin: 0
    }

    .footerContent{
        font-size: .75rem;
        text-align: center;
    }

    .social-icons {
        list-style: none;
        margin-left: auto;
        padding: 0
    }

    .social-icons li {
        display: inline-block
    }

    .social-icons a {
        display: inline-block;
        line-height: 1
    }

    .social-icons a .icon {
        fill: #fff
    }

    .social-icons a:focus .icon,
    .social-icons a:hover .icon {
        fill: #444
    }

    .widget-area {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin: 0 auto;
        min-width: 0;
        max-width: 49em
    }

    .medium-content-area .widget-area {
        max-width: 52em
    }

    .large-content-area .widget-area {
        max-width: 58em
    }

    @media screen and (min-width:60em) {
        .sidebar-right .widget-area {
            margin-left: 3em
        }
        .sidebar-left .widget-area {
            margin-right: 3em
        }
    }

    @media print {
        .widget-area {
            display: none
        }
    }

    .no-sidebar .widget-area {
        display: none
    }

    .widget {
        background-color: #fff;
        -webkit-box-shadow: 3px 3px 3px #aaa;
        box-shadow: 3px 3px 3px #aaa;
        margin-bottom: 3em;
        word-wrap: break-word;
        padding: 2em
    }

    @media screen and (min-width:1280px) {
        .widget {
            padding: 3em
        }
    }

    .widget select {
        max-width: 100%
    }

    .error-404 .widget {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .widget-title {
        font-weight: 700;
        font-family: 'Arimo', sans-serif;
        margin-top: 0
    }

    .menu-widget {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .footer-widget-area {
        border-bottom: 1px solid #5e5e5e
    }

    .footer-widgets {
        margin: 0 auto;
        max-width: 1280px
    }

    @media screen and (min-width:60em) {
        .footer-widgets {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }

    .footer-widget {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 auto;
        min-width: 0;
        max-width: 49em
    }

    @media screen and (min-width:60em) {
        .footer-widget {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 18em;
            flex: 1 1 18em
        }
    }

    .medium-content-area .footer-widget {
        max-width: 52em
    }

    .large-content-area .footer-widget {
        max-width: 58em
    }

    .widget_calendar a,
    .widget_calendar tr:nth-of-type(2n+1) {
        color: #444
    }

    .widget_calendar a:focus,
    .widget_calendar a:hover,
    .widget_calendar tfoot a,
    .widget_calendar tfoot a:visited {
        color: #fff
    }

    .widget_calendar tfoot a:focus,
    .widget_calendar tfoot a:hover {
        background-color: #2F2F2F;
        color: #fbd700
    }

    .widget_rss li {
        margin-bottom: 1.5em
    }