.small-width-wrapper {
    width: 500px;
    margin: 0 auto;
}

.medium-width-wrapper {
    width: 800px;
    margin: 0 auto;
}

.small-width-wrapper h1, .medium-width-wrapper h1 {
    font-size: var(--fontsize-xl);
    margin-bottom: 15px;
    line-height: 2rem;
}

.small-width-wrapper h2 {
    font-size: var(--fontsize-md);
    font-weight: 500;
}

@media all and (max-width: 600px) {
    .small-width-wrapper, .medium-width-wrapper {
        width: 100%;
    }
}