/* Keep one 15px content gutter on phones; desktop layouts retain their spacing. */
@media screen and (max-width: 767px) {
    #welcome > section,
    #content > section {
        padding-left: 0;
        padding-right: 0;
    }

    /* Row sections obtain their gutter from columns; plain headers need one. */
    #content > section.row > header:not([class*="col-"]) {
        padding-left: 15px;
        padding-right: 15px;
    }

    #content > #statistics > .container,
    #content > .row > [class*="col-"] > .container,
    #welcome #collections-list,
    #browse-collections > .row > #collections-list {
        padding-left: 0;
        padding-right: 0;
    }

    #content > #statistics > .container,
    #content > .row > [class*="col-"] > .container {
        width: auto;
    }

    #browse-collections > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .search-results-page__results,
    .search-results-page__search-flat,
    .search-results-page__search-group {
        padding-left: 0;
    }

    .search-results-page__search-group {
        width: 100%;
    }

    .search-results-page__query {
        margin-left: 0;
    }

    /* An About image precedes its description rather than narrowing the text. */
    #about-collection > .col-xs-6 {
        float: none;
        clear: both;
        width: 100%;
    }

    #about-collection .about__image {
        margin-bottom: 1em;
    }

    #content > section > header.row > .col-xs-3,
    #content > section > header.row > .col-xs-6 {
        float: none;
        width: 100%;
    }

    #content > section > header.row .navigation-link {
        display: inline-block;
        line-height: 1.5;
        padding: 0.5em 0;
    }

    #content > section > header.row h1 {
        font-size: 28px;
        overflow-wrap: anywhere;
    }
}