.show-header {
    display: table-row;
}

.hide-header {
    display: none;
}

.container {
    flex-wrap: wrap;
}

.active-page-link {
    font-weight: bold;
}




#top > header > nav {
    background-color: #30398b !important;
}
.navbar-brand img{
    max-width: 150px;
    filter: brightness(0) invert(1);
}

.navbar-light .navbar-toggler-icon {
   filter: brightness(0) invert(1);
}

#top > header > nav .nav-item .nav-link {
    color: #fff !important;
    padding: 1.2rem .938rem;
    text-transform: uppercase;
}
#top > header > nav .nav-item.active,
#top > header > nav .nav-item:hover {
    background-color: rgb(40, 48, 116);
}
.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}