@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media only screen and (max-width: 620px) {
    .sticky-top {
        position: sticky;
    }
}

@media only screen and (max-width: 768px) {
    .sticky-top {
        position: sticky;
    }
}

@media only screen and (max-width: 1024px) {
    .sticky-top {
        position: fixed;
    }
}

.carousel-topLoggedIn {
    top: 0;
}

@media only screen and (min-width: 1024px) {
    .carousel-topLoggedIn {
        margin-top: -100px;
    }
}

.carousel-topLoggedOut {
    top: 0;
}

@media only screen and (min-width: 1024px) {
    .carousel-topLoggedOut {
        margin-top: -80px;
    }
}