#logo { 
    padding-right: 5%;  
    width: auto;    
    max-width: 30vw;
}


#carouselExampleCaptions{
    height: 30vh;
    display: block !important;
    width: 100%;
    padding-top: 0;
}

#carousel-container {
    padding: 0;
}

div.carousel-item img {
    width: 100%;
    height: 30vh;
    object-fit: cover;
}

.container-xxl {
  max-width: 1920px;
}

ul.navbar-nav {
  order: 49 !important;
}

@media only screen and (max-width: 768px) {
  .navbar-brand {
    flex-wrap: wrap;
    justify-content: center
  }
}

.carousel-inner{

}