.blog-wrapper{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%
}
@media only screen and (min-width:768px){
    .blog-wrapper{
        display:flex;
        flex-direction:row
    }
}
.blog-wrapper .blog-content{
    order:0;
    padding:20px 0;
    width:100%;
    overflow:hidden
}

/* --- */
.all-posts-wrapper > .title{
    width:100%;
    background-color:#fcf0f3;
    padding:64px 5%;
    margin-bottom:16px;
    text-align:center;
    color:#d30061
}
@media only screen and (min-width:768px){
    .all-posts-wrapper > .title{
        padding:80px 5%;
        margin-bottom:32px
    }
}

/* --- */
.load-more{
    max-width:250px;
    margin:auto
}
.load-more button{
    width:100%
}
.posts{
    max-width:1200px;
    margin:auto
}
.posts .post{
    padding:16px 0
}
@media only screen and (min-width:1024px){
    .posts .post{
        padding:16px 5%
    }
    .posts .post:nth-child(odd) a .post-image{
        order:1
    }
}
@media only screen and (min-width:1024px){
    .posts .post a{
        display:flex
    }
}
.posts .post a .post-image{
    width:100%;
    display:flex;
    position:relative;
    padding-top:52.08%
}
@media only screen and (min-width:1024px){
    .posts .post a .post-image{
        padding-top:34.72%;
        width:66.67%
    }
}
.posts .post a .post-image img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.posts .post a .content{
    width:100%;
    padding:24px 16px;
    background-color:#e5e5e5;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start
}
@media only screen and (min-width:1024px){
    .posts .post a .content{
        width:33.33%;
        padding:32px
    }
}
.posts .post a .content .title{
    color:#141212;
    font-size:16px;
    font-size:1rem
}
@media only screen and (min-width:1024px){
    .posts .post a .content .title{
        font-size:24px;
        font-size:1.5rem
    }
}
.posts .post a .content .post-content{
    color:#141212;
    font-size:14px;
    font-size:.875rem
}
@media only screen and (min-width:1024px){
    .posts .post a .content .post-content{
        font-size:16px;
        font-size:1rem
    }
}

.posts .post a {
    cursor: default;
}