.quarterWidthVArticleSummary
{
    display: block;
    float: left;
    width: 23%;
    margin: 1% 1% 3% 1%;
    text-align: center;
}

.quarterWidthVArticleSummary .articleImage
{
    width: 100%;
}

.quarterWidthVArticleSummary h3
{
    padding: 10px 0;
    margin: 0;
    font-size: 1em;
}

.quarterWidthVArticleSummary a
{
    color: #2f2f2f;
}

.quarterWidthVArticleSummary a:hover
{
    text-decoration: none;
}

    .quarterWidthVArticleSummary .titleContent
    {
        padding: 0 5px;
    }

    .quarterWidthVArticleSummary span
    {
        display: block;
        text-align: left;
    }

.quarterWidthVArticleSummary .readMore
{
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 15px;
    margin: 10px 0 20px 0;
    text-align: center;
    color: black;
    background-color: #a28e4d;
    color: white;
    text-decoration: none;
}
@media (max-width: 800px)
{
    .quarterWidthVArticleSummary
    {
        width: 46%;
        margin: 2%;
    }
}

@media (max-width: 400px)
{
    .quarterWidthVArticleSummary
    {
        width: 98%;
        margin: 2%;
    }
}