.bloglistContainer h3 {
    font-family: inherit;
}

article.bloglist {
    display: flex;
    justify-content: space-between;
}

article.bloglist h4 a {
    margin: 0px 0 0px 0;
    font-size: 18px;
    font-weight: 500;
    font-family: inherit;
}
article.bloglist h4 {
    margin: 0;
}

article.bloglist .author {
    margin: 0px 0 0px 0;
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;
}

article.bloglist .title {
    margin: 0px 0 0px 0;
    font-size: 12px;
    font-weight: 400;
    font-family: inherit;
}

article.bloglist div {
    border: 0px solid black;
    flex: 0 1 auto;
}

article.bloglist div.avatarContainer {
    border: 0px solid black;
    flex: 0 0 auto;
}

article.bloglist .avatar {
    margin: 4px 0 0 0;
    width: 80px;
    height: 80px;
}

@media only screen and (min-width:768px) and (max-width:1024px){
    article.bloglist .avatar {
        margin: 8px 0 0 0;
        width: 60px;
        height: 60px;
    }
}