div#content{padding: 20px}
.greyBox{box-sizing: border-box;}
#entry-list{position: relative;}
h3.grey-header{ background-color: #f6f6f6;}

#article-lead.starts-with-small-image header,
#article-lead.starts-with-medium-image header,
#article-lead.starts-with-gallery header,
#article-lead.starts-with-text header,
#article-lead.starts-with-video header {
    background: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 1020px) {
    #entry-list article {
        width: 300px;
        max-width: 31%;
        margin: 1%;
        height: 270px;
    }
}

@media only screen and (max-width: 800px) and (min-width: 760px) {
    #entry-list article {
        margin: 3.5%;
    }
}

@media only screen and (max-width: 760px) and (min-width: 720px) {
    #entry-list article {
        margin: 2%;
    }
}