@media (max-width: 767px) {
    #mainnavigation {
        padding: 1rem 0;
    }
}

@media (min-width: 761px) {
    .page-header {
        padding: 0 2rem;
    }
}
.page-header {
    padding: 0 1rem;
    text-transform: none;
}

.page-header-scrolled.scrolled {
    transform: translateY(0%);
}

.page-header-scrolled {
    position: fixed !important;
    top: 0;
    width: 100vw;
    z-index: 100;
    transform: translateY(calc(-100% - 10px));
    box-shadow: 3px 0 8px 2px #999999;

    transition: transform 500ms ease;
}

.page-header-scrolled .navbar-brand-image {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.page-header-scrolled .navbar-brand-image img {
    height: 50px;
}

.page-header-scrolled #mainnavigation {
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 0 0 1rem;
}

@media (min-width: 768px) {
    .page-header-scrolled #mainnavigation {
        padding-bottom: 0 !important;
    }
}