/* These tags control the way the news articles flow by default. The default view is desktop. */
.news_container
{
    display: grid !important;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 0.75fr;
    margin-top: calc(5 * var(--padding) );
    padding-left: var(--margin);
    padding-right: var(--margin);
}
.news_container:not(:last-child)
{
    margin-bottom: 50px;
}
.news_container figure
{
    width: 100%;
    margin: 0;
}
.news_container figcaption
{
    margin-top: 10px;
}

/* This media call overrides the way the layout looks when viewed by anything smaller than 576px screen */
@media (max-width: 768px)
{
    /* size specified in styles.min */
    .news_container
    {
        max-width: 768px;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
    }
    .news_container > div:first-child
    {
        margin-bottom: 10px;
    }

}