#top-bar {
    z-index: 100;
}

.home #top-bar {
    display: none;
}

#top-bar,
.menu-nav {
    height: 6.25rem;
}

/* .home #top-bar {
    background-color: rgba(255, 255, 255, 0.75);
} */

.building #top-bar,
#menu .building {
    background-color: #6469A3;
}

.space #top-bar,
#menu .space {
    background-color: #F77635;
}

.location #top-bar,
#menu .location {
    background-color: #9FA1C8;
}

.info #top-bar,
#menu .info {
    background-color: #F8AB36;
}

.top_logo {
    height: 2.5rem;
    opacity: 0.3;
}

.home .top_logo {
    opacity: 1;
}

.home .top_logo path {
    fill: #086C49;
}

.home .top_logo:hover path {
    fill: #6469A3;
}

.menu_logo {
    height: 2.75rem;
}

#menu {
    display: none;
    z-index: 999;
}

#menu.open {
    display: block;
}

.menu-nav {
    background-color: #086C49;
}

.menu-item {
    height: calc( (100vh - 6.25rem) / 4 );
}

.menu-item a {
    font-size: 3.5rem;
    transition: 0.2s;
}

/*.menu-item-holder {
    border-bottom: 0.1rem solid #fff;
}*/

.nav_closed,
.nav_open {
    cursor: pointer;
}

.nav_closed {
    height: 2rem;
}

.nav_closed:hover rect {
    fill: #fff;
}

.home .nav_closed rect {
    fill: #086C49;
}

.home .nav_closed:hover rect {
    fill: #6469A3;
}

.nav_open {
    height: 1.85rem;
}

.anchor {
    top: -6rem;
}

@media (min-width: 768px) {
    .top_logo:hover {
        opacity: 1;
    }

    .menu-item a:hover {
        transform: translateX(4.375rem);
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 1600px) {}

@media (max-width: 767px) {

    .top_logo {
        height: 2.3rem;
        opacity: 1;
    }

    .menu_logo {
        height: 1.43rem;
    }

    .menu-nav,
    .menu-item {
        padding: 0 1.75rem;
    }

    .menu-item a {
        font-size: 2.25rem;
    }

    .nav_closed {
        height: 2.375rem;
    }

    .nav_closed rect {
        fill: #fff;
    }

    .nav_open {
        height: 2.5rem;
    }
}

@media (max-width: 575px) {}