#page {
    margin: 22px auto;
    padding: 0 18px;
    max-width: 1134px;
}

#colophon {
    clear: both;
}

#masthead .site-branding,
#site-navigation {
    text-align: center;
}

.main-navigation li {
    display: inline-block;
    margin: 0.6em 0.6em 0 0.6em;
}

.main-navigation a {
    color: #000;
    font-size: 1.4em;
}

.entry-title a {
    color: #000;
}

.main-navigation a:hover,
.entry-title a:hover,
.main-navigation a:focus,
.entry-title a:focus,
.main-navigation a:active,
.entry-title a:active {
	color: #4fb5e0;
}

.separator.big {
    margin-top: 1em;
    clear: both;
    text-align: right;
}

.separator.small {
    margin: 1.6em 0 -1.3em 0;
}

span.edit-link {
    display: inline-block;
    margin: 0 1em;
    padding: 0 2em;
    background: #23282d;
}

#colophon .site-info {
    margin-top: 2em;
}

#masthead .sponsors {
    margin-top: 6em;
    display: none;
}

#colophon .sponsors .middle {
    margin: 0 40px;
}

.ssba-wrap {
    clear: both;
}

.article-list .entry-footer {
    margin-left: 113px;
    text-align: right;
}

nav.posts-navigation {
    float: left;
    width: 100%;
    font-family: "Francois One",sans-serif;
    font-size: 140%;
}

figure {
    margin: 0;
}

/* header and content two columns */
@media screen and (min-width: 432px) {
    #masthead .site-branding {
        width: 40%;
        float: left;
    }

    #masthead #site-navigation {
        width: 60%;
        height: 248px;
        float: right;
        position: relative;
    }

    #masthead #site-navigation .menu-main-menu-container {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .article-list article.odd,
    .article-list article.even {
        width: 47%;
    }

    .article-list article.odd {
        float: left;
        clear: left;
    }

    .article-list article.even {
        float: right;
        clear: right;
    }

    .article-list .page-header .text {
        width: 49%;
        float: left;
        clear: left;
    }

    .article-list .page-header img {
        width: 49%;
        float: right;
        margin-top: 2.3em;
    }

    .article-list .article-list-container {
        clear: both;
    }

    .separator.big {
        padding-top: 1em;
    }
}

/* header 30-70 */
@media screen and (min-width: 882px) {
    #masthead .site-branding {
        width: 30%;
    }

    #masthead #site-navigation {
        width: 70%;
    }

    .article-list .page-header .text {
        width: 35%;
    }

    .article-list .page-header img {
        width: 61%;
    }
}

/* content two columns + left nav */
@media screen and (min-width: 1134px) {
    #masthead {
        float: left;
        width: 234px;
    }

    #content {
        float: right;
        width: 846px
    }

    #masthead .site-branding,
    #masthead #site-navigation {
        display: block;
        width: 100%;
        float: none;
        height: auto;
        text-align: left;
    }

    #site-navigation {
        text-align: left;
        margin-top: 3em;
    }

    #masthead #site-navigation .menu-main-menu-container {
        position: relative;
    }

    .main-navigation li {
        display: block;
        margin: 0 0 0.6em 0;
    }

    #masthead .sponsors {
        display: block;
    }

    #colophon .sponsors {
        display: none;
    }
}