header { position: fixed; z-index: 1000; top: 0; width: 100%; background: rgba(20,19,25,.28); transition: .3s; }
.navbar { padding: 19px 0; }
.navbar.scrolled,header.scrolled { background: rgba(22,21,27,.96); box-shadow: 0 3px 20px rgba(0,0,0,.18); }
.navbar-brand { color:#fff; font-size:25px; font-weight:800; letter-spacing:1px; }
.navbar-brand span,.footer-brand span { color:var(--red); }
.nav-link { color:#fff!important; font-size:12px; font-weight:600; text-transform:uppercase; padding:9px 12px!important; }
.nav-link:hover,.nav-link.active { color:var(--red)!important; }
.navbar-toggler { border:0; color:#fff; font-size:25px; }
.navbar-toggler:focus { box-shadow:none; }