.text {
    text-align: left;
}

.text figure {
    margin-top: 1.5rem;
}

.text ul {
    margin-left: 0;
}

.text ul>li {
    list-style: none;
    margin-bottom: 0.75rem;
}

.left-div,
.right-div {
    padding: calc(var(--gutter) / 2);
}

@media screen and (min-width: 60rem) {
    .main aside {
        height: 100%;
    }

    .grid {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        height: 100%;
    }

    .grid>.column:nth-child(odd) {
        border-right: 0.5px solid var(--color-black);
        padding-right: 0;
    }

    .grid>.column:nth-child(even) {
        padding-left: 0;
    }

    .grid>.column:nth-child(1),
    .grid>.column:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0;
    }

    .text ul,
    .text ol {
        max-width: 30rem;
    }
}