#banner:empty + .main-wrapper {
    margin-top: var(--header--height);
}

.spacer {
    margin-bottom: var(--spacing--base);

    &.large {
        margin-bottom: var(--spacing--l);
    }

    &.xl {
        margin-bottom: var(--spacing--xl);
    }

     &.xxl {
        margin-bottom: var(--spacing--2xl);
    }
}