.post-previews__min {
    padding: 100px 5vw;}

@media screen and (max-width: 900px) {
    .post-previews__min {
        padding: 20px 5vw;}}

    /* WRAPPER */
    .post-previews__min .post-previews-wrapper {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;}

        @media screen and (max-width: 900px) {
            .post-previews__min .post-previews-wrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                        flex-direction: column;}}


        /* PREVIEW */
        .post-previews__min .preview {
            -webkit-box-flex: 0;
                    flex: 0 0 33.333%;
            padding: 0 14px;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;}

            @media screen and (max-width: 900px) {
                .post-previews__min .preview {
                    padding: 28px 0;}}
            

            /* PREVIEW ON HOVER */
            .post-previews__min .preview:hover {
                -webkit-transform: translateY(-10px);
                        transform: translateY(-10px);}

            @media screen and (min-width: 900px) {  
                /* > 900px FIRST PREVIEW */
                .post-previews__min .preview:first-child {
                    padding-left: 0;}

                /* > 900px EVERY THIRD PREVIEW */
                .post-previews__min .preview:nth-child(3n+3) {
                    padding-right: 0;}}


            /* PREVIEW WRAPPER */
            .post-previews__min .preview-wrapper {
                display: -webkit-box;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                        flex-direction: column;
                -webkit-box-align: stretch;
                        align-items: stretch;
                -webkit-box-pack: justify;
                        justify-content: space-between;
                margin: 16px 0;}

                /* PREVIEW IMAGE */
                .post-previews__min .preview-image {
                    width: 100%;
                    max-height: 215px;
                    overflow: hidden;
                    margin-bottom: 10px;}

                    .post-previews__min .preview-image img {
                        width: 100%;}

                /* PREVIEW CONTENT */
                .post-previews__min .preview-content {}

                .post-previews__min .preview-content .title h1 {
                    font-size: 20pt;
                    line-height: 1.6;}

                    @media only screen and (max-width : 900px) {
                        .post-previews__min .preview-content .title h1 {
                            margin-bottom: 10px;
                            font-size: 18pt;
                            line-height: 1.4;}

                    .post-previews__min .preview-content .excerpt {
                        font-size: 12pt;}

                    .post-previews__min .preview-content .continue-reading h5 {
                        color: #2e221d;
                        font-weight: 700;}

