.page-content__section {
    padding: 0.5rem 1rem;
}

.page-content__section__header {
    display: flex;
}
.page-content__section__header span {
    width: 4rem;
    display: none;
}

.page-content__footer {
    padding: 0 1rem 1rem;
}

@media only screen and (min-width: 800px) {
    .page-content__section {
        padding: 1rem 10% 1rem 6rem;
        min-width: 700px;
        max-width: 700px;
    }

    .page-content__section__header {
        margin-left: -4rem;
    }

    .page-content__section__header span {
        width: 4rem;
        display: block;
        height: 0;
    }

    .page-content__footer {
        padding: 4rem 10% 2rem 6rem;
        display: flex;
        flex-direction: column;
        columns: 2;
        margin-top: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .page-content__section {
        padding: 1rem 10% 1rem 8rem;
        min-width: 1000px;
        max-width: 1000px;
    }

    .page-content__footer {
        padding: 0 10% 2rem 8rem;
    }
}