.nav-wrapper {

z-index: 150;
background-color: var(--main-color);

li a {
  color: var(--ligther-main-color);
}

#nav-mobile {
  background-color: var(--main-background-color);
  a {
    color: var(--text-color);
  }
}

}

.main-nav {

height: 64px;
z-index: 150;
margin-bottom: -64px;
position: fixed;
top: 0;

}

.brand-logo {

color: #444;
margin-left: 25px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
letter-spacing: 1px;

}

.button-collapse {

color: var(--ligther-main-color);

}

@media only screen and (max-width : 537px) {

.brand-logo{
  width: 65%;
}

}