.content {
    background: #f8f8f8
}

.blog .header.image header {
    background: #595a5a url(background.png) no-repeat;
    background-size: cover;
}

.blog .post-preview {
    background: white;
    margin: 1rem;
    max-width: 23rem;
    text-align: left;
}

.blog .post-preview a {
    transition: color 0.3s ease;
}


.blog .post-preview a:visited {
    color: inherit;
}

.blog .post-preview a:hover {
    color: #4772cc;
}

.blog .post-preview div.image {
    background: #f8f8f8;
}

.blog .post-preview div.overview {
    padding: 1rem;
}


.blog .post-preview h4 {
    color: #555;
    height: 3rem;
    margin: 0;
    text-transform: uppercase;
}

.blog .post-preview p .date {
    color: gray;
    font-size: .7rem;
}

.blog .post-preview p .author {
    color: #333;
    font-size: 0.7rem;
    float: right;
    text-transform: uppercase;
}

.blog .post-preview p.overview {
    font-size: .85rem;
    height: 5rem;
    overflow: hidden;
}

.blog .post-preview img {
    border-radius: 0.4rem 0.4rem 0 0;
    width: 100%;
}

.blog .posts {
    margin-top: 3rem;
}