.navbar{
  background: rgb(3, 11, 50);
}
.navbar-brand h1{
  font-family: earthorbiter;
  text-align: center;
  /*font-weight: bold;*/
  margin-bottom: 0;
  font-size: 2rem;
}

/* .navbar {
  background: linear-gradient(rgb(3, 11, 50) 20%,rgba(0,0,0,0))!important;
} */
.navbar-brand h2{
  font-family: AGENCYR;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 2px;
}
.nav-item{
  margin-right: 10px;
}
.carousel-indicators{
  z-index: 0;
}
.nav-link{
  font-family: AGENCYR;
  font-size:1.5rem;
  /*font-weight: bold;*/
}
@media screen and (max-width: 841px) {
  .nav-item{
    margin-right: 0px;
  }
}

@media screen and (max-width: 650px) {
  .navbar-brand h1{
    font-size: 2rem;
  }
  .navbar-brand h2{
    letter-spacing: 0px;
  }
  .navbar-nav .dropdown-menu{
   max-height:50%;
   overflow: scroll;
  }
}
@media screen and (max-width: 400px) and (min-width: 300px) {
  .navbar-brand h1{
    font-size: 1.3rem;
  }
  .navbar-brand{
    margin-right: 0rem;
  }
  .navbar-brand h2{
    letter-spacing: 0px;
    font-size: 1rem;
  }
  .navbar-nav .dropdown-menu{
   max-height:50%;
   overflow: scroll;
  }
}

#menu div{
  min-height: 420px;
}
#menu h2{
  font-family: AGENCYR;
  font-size:2rem;
  /*font-weight: bold;*/
}
@media screen and (max-width:  1125px) {
  #menu div{
    min-height: 450px;
  }
}
@media screen and (max-width: 768px) {
  #menu div{
    min-height: 600px;
  }
  .navbar-nav .dropdown-menu{
   max-height:50%;
   overflow: scroll;
  }
}
@media screen and (max-width: 576px) {
  #menu div{
    min-height: 389px;
  }
  .navbar-nav .dropdown-menu{
   max-height:50%;
   overflow: scroll;
  }
}
@media screen and (max-width: 399px) {
  #menu div{
    min-height: 410px;
  }
  .navbar-nav .dropdown-menu{
   max-height:50%;
   overflow: scroll;
  }
}