.at-pageIntro__titleWrapper {
    margin-bottom: 2em;
    z-index: 1;
}

.at-pageIntro__imageWrapper {
    margin: 0 -20px;
}

@media (min-width: 768px) {
    .at-pageIntro__imageWrapper {
        margin: 0;
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .at-pageIntro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .at-pageIntro__titleWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        margin: 0;
    }

    p.at-pageIntro__intro {
        margin: 0 0 .3em;
    }

    .at-pageIntro__imageWrapper {
        -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
        margin: 0;
        text-align: right;
    }

    .at-pageIntro__image {
        width: 100%;
    }
}

/**
 * Column view
 */

.at-pageIntro--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.at-pageIntro--column .at-pageIntro__preTitle,
.at-pageIntro--column .at-pageIntro__title {
    text-align: center;
}