@media (min-width: 900px) {
    .stag_widget_intro .stag-button {position: relative; left: 32%}
    .stag_widget_intro h3.widgettitle {padding-left: 32%;}
    .stag_widget_intro .intro-description {padding-left: 32%;}
    section#intro:before {
        height: 49%;
        width: 29%;
        position: absolute;
        left: 0;
    }
    #illustrator-series.stag-custom-widget-area {
        float: right;
        width: 340px;
        margin-left: 2.5rem;
        border-left: 1px solid #E4E4E4;
        padding-left: 2.5rem;
        box-sizing: content-box;
        margin-bottom: 5rem;
    }
    ul.footnotes {font-size: 15px;}
    ul.footnotes li {margin-bottom: 12px; line-height: 1.6;}
    li .footnote {font-size: 12px; top: 3px;}

}

@media (max-width: 900px) {
    .display-intro .site-branding {z-index: 99;}
    .display-intro #nav-toggle {bottom: -74px;}
    .stag-one-half, .stag-one-third, .stag-two-third, .stag-three-fourth, .stag-one-fourth, .stag-one-fifth, .stag-two-fifth, .stag-three-fifth, .stag-four-fifth, .stag-one-sixth, .stag-five-sixth {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;
        float: none;
    }

    table {table-layout: initial;}
    th .normal {display: none;}
    blockquote, blockquote.pullquote.right, blockquote.pullquote.left {
        padding:  30px 0;
        margin: 0 0 20px 0;
        width: 100%;
        float:none;
        border: 4px solid #AFAFAF;
        border-width: 4px 0;
    }
    .post .entry-content {
        /*        display: flex;*/
        /*        flex-direction: column;*/
    }
    #illustrator-series {
        /*        order: 2;*/
        margin-top: 5rem;
    }

    /* ----- intro ----- */

    section#intro:before {
        width: 100%;
        height: 230px;
    }
    #intro h3.widgettitle {
        padding-right: 0;
        font-size: 6rem;
        text-align: center;
    }
    .stag_widget_intro .intro-description {font-size: 2.3rem; text-align:  center;}
    .intro-description br {display: block;}
    .stag_widget_intro .stag-button {text-align: center;width: 100%;}
    .display-intro .stag_widget_intro .inner-section {padding-top: 8.625rem;}

    /* ----- Highlights ----- */

    ul.highlights_list i {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 130px;
        height: 130px;
        font-size: 60px;
        line-height: 130px;
        float: none;
    }
    ul.highlights_list li {
        text-align: center;
        font-size: 30px;
        margin-bottom: 32px;
        line-height: 1.3em;
    }

}


@media (min-width: 1025px) and (max-width: 1077px) {
    .main-navigation a {padding: .0625rem 0.75rem;}
}

@media (min-width: 900px) and (max-width: 1066px) {
    .stag_widget_intro .intro-description {font-size: 2.3rem;}
    .header--pinned h1.site-title {font-size: 1.6rem;}
    #intro h3.widgettitle {font-size: 9rem;}
    section#intro:before {height: 43%;}
}

@media screen and (max-width: 480px) {
    .portfolio-grid .portfolio {
        width: 49.6%;
        float: left;
        padding-right: .4%;
    }

    ul.footnotes {margin-left: 0; margin-right: 0;}

    a.applink {width: 48%; max-width: 48%; }
    a.applink + a.applink {margin-left: 2%}

    span.alignright {
        text-align: center;
        float: none;
        display: block;
        padding: 20px 0;
    }
    .comment-content, .entry-content, .textwidget {line-height: 1.5}
    .comment-content h1, .entry-content h1, .textwidget h1,
    .comment-content h2, .entry-content h2, .textwidget h2,
    .comment-content h3, .entry-content h3, .textwidget h3,
    .comment-content h4, .entry-content h4, .textwidget h4,
    .comment-content h5, .entry-content h5, .textwidget h5,
    .comment-content h6, .entry-content h6, .textwidget h6 {
        line-height: 1.2;
    }


}