/* Excerpt image */

.excerpt-image img {
    width: calc(10 * var(--column-width) + 9 * var(--column-gap));
    margin: 5.5rem auto 0 auto;
    box-shadow: var(--screenshot-shadow);
}

@media screen and (max-width: 960px) {
    .excerpt-image img {
        width: 100%;
        margin-top: 11.5%;
    }
    .excerpt-image {
        padding-left: 11%;
        padding-right: 11%;
        box-sizing: border-box;
    }
}

/* Screenshot */

.screenshot {
    background: var(--screenshot-border);
    border: 0.5px solid transparent;
    border-radius: 0.875%;
    box-shadow: var(--screenshot-shadow);
}

/* Footer */

footer {
    margin-top: var(--main-section-margin);
}