site/src/styles/header.css

header { 
    width: 100%; 
    left: 0; 
    top: 0; 
    position: fixed; 
    z-index: 1000;
    height: 75px;
    background-color: rgb(45,45,45);
}

/* logo------------------------ */
img#logo { margin-right: 20px; opacity: 0.7; margin-top: 10px;}
img#logo:hover { opacity: 1;}
.d-inline-block { margin-bottom: 0; }
a[aria-current="page"]{ opacity: 1; }
/* ----------------------------- */


/* ----- collapse show ---------------------- */
div#navbarSupportedContent.navbar-collapse.collapse.show { 
    width: 100px;
    padding-bottom: 230px; 
    text-align: center;
    background-color: rgb(45,45,45); }
button.navbar-toggler { background-color: rgb(20, 142, 161); margin-bottom: 15px; }
div#navbarSupportedContent.navbar-collapse.collapse.show img#logo{ margin: auto; }
/* ------------------------------------------- */

#navbarSupportedContent {
    width: 100%;
    max-width: 1880px;
    padding: 0;
    line-height: 30px;
    max-height: 56px;
    text-align: left; }

.nav-item {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 0px 5px 15px;
    height: 50px;
    padding: 0px;
    text-decoration: rgb(255, 254, 254); }

.container {
    max-width: 1160px;
    width: 100%;
    margin: 0;
    padding: 0; }