.top-navbar,
#header-sidebar {
    display: none;
}

@media screen and (min-width: 800px) {
    .top-navbar {
        display: block;
    }
}

.header-top {
    justify-content: flex-end;
}

.header-bottom {
    border-bottom: 1px solid lightgrey;
    max-width: 100%;
    padding: 10px;
}

.brand-logo {
    height: calc(var(--spacing) * 15);
}