.page-container {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 7fr;
    min-height: 80vh;
    grid-template-areas:
                "main";
}

main {
    grid-area: main;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 1em;
}

.inner {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 #0000001f;
    padding: 20px;
}

.last-updated {
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 2rem;
}

.list-section {
    margin-bottom: 2rem;
}

.list-section h2 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: #0051a2;
}

.list-section p {
    margin-bottom: 0.8rem;
    color: #444;
}

.h1 .icon {
    margin-right: 0.5rem;
    font-size: 1.2em;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    main {
        padding-left: 5%;
        padding-right: 5%;
    }
}