body {
    background-color: var(--bg-color);
    padding-bottom: 2em !important;
}


figure {
    grid-column: 8 / span 3;
}


article {
    grid-column: 3 / span 5;
    max-width: 80ch;
}

section.updated {
    grid-column: 1/-1;
    border-bottom: 0px solid black;
    outline: 1px solid var(--link-color);
    background: white;
    padding: .4em .7em;
    position: fixed;
    width: 30%;
    text-decoration: none;
    left: 50%;
    text-align: center;
    transform: translate(-50%, 0);
    bottom: .5em;
    font-size: .9em;

}

@media only screen and (995px < width <=1500px) {

    article {
        grid-column: 1/ span 7;
        max-width: 80ch;
    }
}



@media only screen and (width <=995px) {
    article {
        grid-column: 1/ span 12;
        max-width: 80ch;
    }

    section.updated {
        width: 90%;
    }

    figure {
        grid-row: 1;
        grid-column: 1 / span 12;
    }
}