:root {
    --main-content-margin-top: 0px;
    --main-content-min-height: 0px;
    --error-container-min-height: 0px;
}

.main-content {
    padding-bottom: 20px;
    min-height: var(--main-content-min-height);
}

.main-content-scroll-active {
    margin-top: var(--main-content-margin-top);
}

.error-container {
    min-height: var(--error-container-min-height);
}

@media only screen and (max-width: 1024px) {
    .main-content-scroll-active {
        margin-top: 0;
    }
    
}