.navbar {
  --bs-primary: #664d03;
  --bs-primary-rgb: 102,77,3;
  --bs-secondary: #f5e1b0;
  --bs-secondary-rgb: 245,225,176;
  --bs-light: #f8e4b2;
  --bs-light-rgb: 248,228,178;
  --bs-dark: #302102;
  --bs-dark-rgb: 48,33,2;
  box-shadow: 0px 0px 8px var(--bs-dark);
  background: linear-gradient(76deg, var(--bs-primary) 0%, var(--bs-light) 99%);
  color: var(--bs-body-bg);
  padding-bottom: 0;
}

.tribute-banner {
  height: 64px;
  background-color: var(--bs-primary);
  position: relative;
  z-index: 50;
}

.sub-nav-tribute h1 {
  font-family: 'Lato';
  color: var(--bs-body-bg);
  letter-spacing: 2px;
  text-align: right;
  font-size: 3rem!important;
}

.navbar-toggler {
  z-index: 100;
  /*background-color: var(--bs-dark);*/
  /*color: var(--bs-secondary);*/
}

@media (min-width:1200px) {
  .navbar-expand-xl .navbar-toggler {
    display: none!important;
  }
}

@media (min-width: 300px) {
  .logo {
    width: 293px!important;
    margin-left: 5px!important;
  }
}

@media (min-width: 300px) {
  .sub-nav-tribute h1 {
    font-size: 24px!important;
    padding-top: 14px;
  }
}

@media (min-width: 576px) {
  .sub-nav-tribute h1 {
    font-size: 40px!important;
    padding-top: 0px;
  }
}

@media (min-width: 576px) {
  .logo {
    width: 340px!important;
    margin-left: 0!important;
  }
}

.nav-link:hover {
  background-color: var(--bs-warning);
  width: 100%!important;
}

@media (min-width:1191px) {
  .navbar-expand-xg .navbar-nav {
    flex-direction: row;
  }
}