#blog-articles {
    display: flex; flex-direction: row; min-height: 100px;
    position: relative; width: 100%;
}

#blog-articles .article-parent {
    flex: 3; height: 100%; padding: 5px; position: relative;
}

#blog-articles .article-parent .article {
    display: flex; flex-direction: row;
}

#blog-articles .article-parent .article .image {
    border: 2px solid #ECEBEB; height: 184px; margin-right: 10px;
}

#blog-articles .article-parent .article h3 {
    font-size: 16px; font-weight: 700; letter-spacing: 2px;  text-transform: uppercase;
}

#blog-articles .article-parent .article p {
    color: #808797; font-size: 12px; line-height: 170%; margin-top: 5px;
}

#blog-articles .article-parent .article span {
    font-weight: 700;
}

#blog-articles .article-parent .article .btn {
    background: transparent; border: 1px solid #808797; border-radius: 5px;
    color: #808797; font-size: 12px; font-weight: 700; padding: 5px 10px; 
    min-width: 10px; white-space: normal; width: auto; word-break: break-word;
}