.content_section.post_teaser_section {
    position: relative; z-index: 20;
}
.content_section.post_teaser_section .listing {
    margin-top: -5rem;
}
.content_section.post_teaser_section .listing .listing_item .archive_image {
    padding-bottom: 95%;
}

.content_section.post_teaser_section .columns {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width: 40em) {
    /****************************************************************************
     * Listing
     ****************************************************************************/
    .content_section.post_teaser_section .listing {
        margin-top: -8rem;
    }
    .content_section.post_teaser_section .listing .listing_item {
        width: 50%;
    }
}

@media screen and (min-width: 64em) {
    /****************************************************************************
     * Listing
     ****************************************************************************/
    .content_section.post_teaser_section .listing {
        margin-top: -10rem;
        width: 100%;
    }
    .content_section.post_teaser_section .listing .listing_item {
        width: 50%;
    }
}

@media screen and (min-width: 90em) {
    /****************************************************************************
     * Listing
     ****************************************************************************/
    .content_section.post_teaser_section .listing {
        width: 83.333%;
    }
}

@media screen and (min-width: 120em) {
    /****************************************************************************
     * Listing
     ****************************************************************************/
    .content_section.post_teaser_section .listing {
        width: 66.666%;
    }

}