.postListIntro:not(.preFooter .postListIntro) {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 2rem 0;
}

.postListIntro__inner {
    position: relative;
}

.postListIntro__weblogRssIcon {
    position: absolute;
    top: -2rem;
    right: 0;
}

.postListIntroPost {
    position: relative;
    margin: 0 0 2rem 0;
    padding: 1.5em;
    border-bottom: 4px solid #e9e9e9;
    background: #fff;
    cursor: pointer;
}

.postListIntroPost__image {
    display: block;
    margin: 0 auto;
}

.postListIntroPost__text {
    padding-top: .7em;
    background: #fff;
}

.postListIntroPost__title {
    margin: 0 0 0.5em;
}

.postListIntroPost__intro {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.5;
}

.postListIntroPost__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.postListIntro__readMoreWrapper {
    text-align: center;
}

/** Post list intro in content container Pre Footer Columns **/
.preFooter .postListIntroPost {
    border: none;
}

.preFooter__column:only-child .postListIntroPost {
    text-align: center;
}

@media (min-width: 580px) {
    .postListIntro__wrapper:not(.preFooter .postListIntro__wrapper) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -2rem;
    }

    .postListIntroPost:not(.preFooter .postListIntroPost) {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(50% - 2rem);
        margin: 0 0 2rem 2rem;
    }

    .postListIntroPost__text {
        transition: transform .4s cubic-bezier(.21,.48,.53,.96);
    }

    .postListIntroPost:hover .postListIntroPost__text {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@media (min-width: 1100px) {
    .postListIntroPost:not(.preFooter .postListIntroPost) {
        flex-basis: calc(33.33% - 2rem);
    }
}