/* =========================================================
   MOBILE WIDTH AND GUTTER CORRECTIONS
   ========================================================= */

@media (max-width: 800px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    main,
    section,
    article,
    .artwork-story,
    .journal-entry-content,
    .home-journal,
    .home-journal > * {
        min-width: 0;
        max-width: 100%;
    }


    /* ARTWORK PAGES — EQUAL LEFT AND RIGHT GUTTERS */

    .artwork-hero {
        width: auto;
        margin:
            16px
            16px
            0;
    }

    .artwork-content,
    .collection-next {
        width: auto;
        margin-right: 24px;
        margin-left: 24px;
    }

    .artwork-story,
    .artwork-story p,
    .artwork-story h1,
    .artwork-story h2 {
        max-width: 100%;
        overflow-wrap: break-word;
    }


    /* JOURNAL ENTRIES — EQUAL LEFT AND RIGHT GUTTERS */

    .journal-entry-page {
        width: auto;
        max-width: none;
        margin:
            0
            20px;
        padding:
            24px
            0
            64px;
    }

    .journal-entry-header,
    .journal-entry-content,
    .journal-text-block,
    .journal-entry-return,
    .journal-featured-image,
    .journal-split,
    .journal-image-wide,
    .journal-image-pair,
    .journal-image-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .journal-entry-content p,
    .journal-entry-content h1,
    .journal-entry-content h2 {
        max-width: 100%;
        overflow-wrap: break-word;
    }


    /* HOME PAGE JOURNAL SECTION */

    .home-section,
    .home-about,
    .home-connect {
        width: auto;
        max-width: none;
        margin-right: 24px;
        margin-left: 24px;
    }

    .home-journal {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .home-journal h2,
    .home-journal p {
        max-width: 100%;
        overflow-wrap: break-word;
    }

}