.article{
    width:100%;
    border-bottom: 2px solid rgb(206,206,206);

    display:flex;
    flex-direction: column;

    padding-bottom:0.625rem;
    margin-top: 2.375rem;
}

.article:first-of-type{
    margin-top:0;
}

.article:last-of-type{
    border-bottom:none;
    padding-bottom:0;
}

.article .title{
    width: 100%;
    line-height:2.2rem;
    font-size:1.6rem;
    font-weight: bold;
    padding-bottom: 0.3rem;
}

.article .content_line{
    display:flex;
    width:100%;
}

.article .floated_image{
    float:left;
    padding-right: 0.625rem;
    line-height: 0;
}

.article .floated_image img{
    max-width: 12.5rem;
}


.article .image_column{
    flex: 0 0 10rem;
    padding-right: 1rem;
}

.article .image_column .image{
    max-width: 9.5rem;
    max-height: 12.5rem;

    vertical-align: middle;
    text-align: center;
}

.article .image_column .image img{
    max-width: 9.5rem;
    max-height: 12.5rem;
}

.article .content_column{
    flex-grow: 1;

    display: flex;
    flex-direction: column;
}

.article .published_line{
    color:rgb(119,119,119);
    font-size:0.9375rem;
    padding-bottom: 0.5rem;
}

.article .published_line .author{
    float: left;
}

.article .published_line .published{
    float:right;
}