// Content

main {
    @include outer-container;
    margin-top: $base-spacing;
    margin-bottom: $base-spacing;
    max-width: 38rem;
}

// Sponsors

.sponsors {
    text-align: center;
    margin-bottom: $base-spacing * 2;

    ul {
        @include outer-container;
    }

    li {
        display: inline-block;
        margin: 0 $small-spacing $base-spacing;
        width: 100%;
        vertical-align: middle;
        @include media($large-viewport) {
            width: flex-grid(1,3);
        };
    }
}

// Main footer

footer {
    background: $dark-gray;
    color: white;
    padding: $small-spacing;

    text-align: center;

    ul {
        @include outer-container;
        margin-bottom: $small-spacing;
    }

    li {
        margin: $small-spacing;

        @include media($large-viewport) {
            display: inline-block;
        };
    }

    li a {
        width: 100%;
        text-align: center;
    }
}

// Content

main {
    @include outer-container;
    margin-top: $base-spacing;
    margin-bottom: $base-spacing;
    max-width: 38rem;
}

// Sponsors

.sponsors {
    text-align: center;
    margin-bottom: $base-spacing * 2;

    ul {
        @include outer-container;
    }

    li {
        display: inline-block;
        padding: 0 $small-spacing $base-spacing;
        width: 100%;
        vertical-align: middle;
        @include media($large-viewport) {
            width: flex-grid(1,3);
        };
    }
}

// Main footer

footer {
    background: $dark-gray;
    color: white;
    padding: $small-spacing;

    text-align: center;

    ul {
        @include outer-container;
        margin-bottom: $small-spacing;
    }

    li {
        margin: $small-spacing;

        @include media($large-viewport) {
            display: inline-block;
        };
    }

    li a {
        width: 100%;
        text-align: center;
    }
}

Fix sponsor list too wide for narrow screens
Fix sponsor list too wide for narrow screens

Combining 100% width with margins results in boxes wider than their
parent, causing unpleasant scrollbars on narrow screens. This removes
the unwanted white column on the right-hand side on both smartphones
and tablets. @goulvench
