.section {
    padding-top: $spacer * 2;
    padding-bottom: $spacer * 2;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    @media ($screen-sm) {
        padding-top: $spacer * 4;
        padding-bottom: $spacer * 4;
    }

    // handling long text, like URLs
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    text-rendering: optimizeLegibility;

    .row {
        width: 100%;
    }

    p:last-child {
        margin-bottom: 0;
    }
}

.section__header {
    margin-bottom: $spacer * 2;
}

.section__title {
    font-size: $font-size-h1;
    margin-bottom: $spacer / 4;
}

.section__description {
    font-size: $font-size-large;
    margin-bottom: 0;
}