@media screen and (max-width:991px) and (min-width:300px){
  .navbar {
    /* padding-top: 3.5rem; */
/* navbar dark and use icon for nav bar */
background-color: var(--dark);
}
.navbar .navbar-brand{
  width: 20%;
}
.navbar .navbar-brand img{
  width: 70%;
}
#header-carousel .carousel-item img{
        height: 85%;
}

#header-carousel .carousel-item{
min-height: 350px;
}

.carousel-control-prev, .carousel-control-next{
    top: 185px;
}
}