@media only screen and (max-width: 1024px) {

    /* Containers **************************************************************/

    body {
        width: 90%;
    }

    /***** Header ***************************/

    header {
        flex-direction: column;
        text-align: center;
    }

    /***** Main#Home *******************/

    main#home section#gallery-list {
        flex-direction: column;
        gap: 75px;
    }

    main#home section#gallery-list article.gallery-summary {
        aspect-ratio: auto;
        max-width: 100%;
    }

    main#home section#gallery-list article.gallery-summary div.gallery-summary-info {
        background-color: var(--site-link-hover-color);
        opacity: 1;
        padding: 10px 0 0;
        position: relative;
    }

    /***** Main#Page *********************/

    main#page section#page-content article#about {
        width: 90%;
    }

}