.wpbpost {
    font-family:        "Titillium Web", Arial, sans-serif;
    max-width:          390px;
    min-width:          300px;
    margin-bottom:      20px;
    padding:            0px 6px;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

@media (max-width: 1240px) {
    .wpbpost {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .wpbpost {
        max-width: 369px;
    }
}

@media (max-width: 425px) {
    .wpbpost .wpbpost_headline h3 {
        max-width:     280px;
        text-overflow: ellipsis;
        overflow:      hidden;
    }
}

.wpbposts {
    justify-content: center;
}

.wpbpost p {
    padding-top: 0;
    margin-top:  0;
}

.wpbpost .wpbpost_image {
    position:           relative;
    overflow:           hidden;
    box-sizing:         border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    margin-bottom:      20px;
}

.wpbpost .wpbpost_inner {
    overflow:           hidden;
    box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius:      5px;
    padding-bottom:     30px;
}

.wpbpost .wpbpost_headline h1,
.wpbpost .wpbpost_headline h2,
.wpbpost .wpbpost_headline h3,
.wpbpost .wpbpost_headline h4,
.wpbpost .wpbpost_headline h5 {
    padding:       0;
    margin:        0;
    font-weight:   normal;
    line-height:   120%;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.wpbpost .wpbpost_headline,
.wpbpost .wpbpost_meta {
    padding-bottom: 10px;
}

.wpbpost .wpbpost_meta,
.wpbpost .wpbpost_headline,
.wpbpost .wpbpost_teaser,
.wpbpost .wpbpost_button {
    padding-left:  20px;
    padding-right: 20px;
}

.wpbpost .wpbpost_meta {
    font-size: 14px;
    color:     #777777;
}

.wpbpost .wpbpost_teaser {
    color:      #777;
    min-height: 90px;
}

.wpbpost .wpbpost_image {
    padding-bottom: 30px;
}

.wpbpost .wpbpost_image img {
    min-width:  100%;
    min-height: 100%;
    position:   absolute;
    width:      auto;
    height:     auto;
}

.wpbposts {
    flex-flow: row wrap;

}

.wpbposts > .col {
    margin-right: 20px;
    max-width:    400px;

    flex:         1 1 0;
}

.wpbposts .wpbposts_list > .col {
    flex: 0 1 auto;
}

.wpbposts > .col:last-child {
    margin-right: 0;
}

.wpbposts a {
    text-decoration: none;
}

.wpbposts .wpbposts_more {
    margin-top: 40px;
}

.wpbposts .wpbposts_more > div {
    text-align: center;
}

.wpbposts .wpbposts_more a {
    min-width: 300px;
    display:   inline-block;
}