.blogposts {
    color: #111;
    font-family: "Open Sans", "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-weight: 300;
    font-size: 1em !important;
    line-height: 1.8;
    text-rendering: optimizeLegibility;
}

.blogpost {
    margin-bottom: 18px;
    cursor: pointer;
    border-radius: 7px;
    padding-bottom: 10px;
    scroll-margin-top: 80px;
}

.blogpost:hover {
    background: rgba(0,0,0,0.1);
}

.blogpost h2 {
    font-size: calc(18px + 0.790625vw);
    margin-bottom: 5px;
}

.blogpost .contents {
    margin-top: -17px;
    font-size: calc(14px + 0.390625vw);
    height: 95px;
    overflow: hidden;
}
.blogpost .contents.expanded {
    height: auto;
}

.blogpost h2 {
    margin-bottom: 0px;   
}

@media only screen and (min-width: 1000px) {

    .blogposts {
        margin: 0px 160px;
        color: #111;
        font-family: "Open Sans", "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
        font-weight: 300;
        font-size: 1em !important;
        line-height: 1.8;
        text-rendering: optimizeLegibility;
    }

    .blogpost {
        scroll-margin-top: 28px;
        padding: 0px 10px;
    }

    .blogpost .contents {
        height:128px;
    }

}