@media (max-width: 991px) {

    .display-small {
        display: initial;
    }

    /* ---------- Navigation ---------- */

    nav {
        text-align: center;
    }

    .navbar-brand {
        font-size: 1rem;
        width: 100%;
        white-space: initial;
    }

    .nav-item {
        margin-top: 1em;
    }

    .nav-item:last-of-type {
        margin-bottom: 1em;
    }

    .navbar-toggler {
        color: #8e5513;
        font-size: 1.7em;
        margin: 0 auto;
        display: block;
    }

    #navbarNavDropdown {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 12px 24px;
    }

    /* ---------- Main ---------- */

    main {
        margin-top: 4em;
        min-height: calc(100vh - 3em);
    }

    /* ---------- Welcome ---------- */

    #welcome-banner {
        height: 20em;
    }

    /* ---------- List ---------- */

    .list-options-filters-filter {
        display: block;
        margin: 0.4em 0 0.7em 0;
        width: 100%;
    }

    #list-options-views,
    #list-options-links {
        display: inline-block;
        width: 49%;
        margin: 1em 0;
        text-align: left;
    }

    #list-options-searchby,
    #list-options-sort,
    #list-options-sort-by,
    #list-options-sort-direction {
        display: block;
        width: 100%;
        margin-bottom: 0.5em;
        border-radius: 0.3em;
    }

    #list-options-search-input {
        border-radius: 0.3em 0 0 0.3em;
    }

    .list-body-item {
        margin: 1em 0em;
        display: block;
        width: 100%;
    }

    .list-pagination-section {
        width: 100%;
        display: block;
    }

}