#navbar-container{width: 100%; position: fixed; z-index:10 }
.navbar-container-top {background-color: rgba(255,255,255, 0.8) !important;}
.navbar-container-scroll{background-color: rgba(0, 0, 0, 0.8) !important;}
.navbar-container-scroll .navbar-brand svg {width: 40px; height: 40px}
.navbar-container-scroll .nav-link:link, .navbar-container-scroll .nav-link:visited {color: #fff}
.navbar-container-scroll .nav-link:hover {color: #000}
.navbar-container-scroll .nav-item:hover {background: rgba(255,255,255, 0.6) !important;}


.navbar-toggler{width:42px; height:38px; border:#fff 1px solid; border-radius: 0; background: none; text-align: center; font-size: 0.5em !important; color: #fff; text-transform: uppercase; padding: 0; margin-left: 8px}
.navbar-toggler svg{width: 16px; height: 16px; fill:#fff; }
.navbar-toggler.collapsed svg {transform: rotate(180deg); fill:#fff; }

.navbar{background: none !important;}
.navbar-brand svg {width: 90px; height: 90px}
 .st0b {
        fill: #000;
      }

.st1b {
        fill: #f08533;
      }
.scrollfill{fill: #fff}
.nav-item{border-radius:30px; background: none; margin-left: 40px}
.nav-item:hover {background: rgba(0, 0, 0, 0.5) !important;}

.nav-link { text-transform:uppercase; font-weight:500 }
.nav-link:link, .nav-link:visited {color: #000}
.nav-link:hover {color: #fff}

.sub-header::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 600px;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 2;
}

.sub-header > * {
  position: relative;
  z-index: 3; 
}

.jumbotron{display:flex; align-items: center; justify-content: center; height: inherit;}
h1{ color: var(--giallo); text-align: center; font-size: 2.6em; margin: 0; padding: 0}
h1 hr{max-width: 300px; margin-left:auto; margin-right: auto;  opacity: 1; color: #fff}
h1 hr:first-child {padding-bottom: 5px}
h1 hr:last-child {margin-top: 25px;}

h1{ opacity: 0; animation: fadeIn 1.5s ease-in-out 0.5s forwards;}
@keyframes fadeIn {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1; 
  }
}

@media (max-width: 991px) {
   .st0b {
        fill: #fff;
      }
  .nav-item{margin-left:0; margin-top: 20px; text-align: center}
  .nav-link{font-size: 1.3em}
  .navbar-container-top {background-color: rgba(0, 0, 0, 0.8) !important;}
  .navbar-container-scroll{background-color: rgba(0, 0, 0, 0.8) !important;}
  .nav-item:hover {background: rgba(255,255,255, 0.5) !important;}
  .nav-link:link, .nav-link:visited {color: #fff}
  .nav-link:hover {color: #000}
}