html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#banner-carousel {
    width: 100%;
    height: 460px;
    position: relative;
    z-index: 1;
}
#banner-carousel .carousel-inner {
    width: 100%;
    height: 100%;
}
#banner-carousel img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform:translateY(-250px)
}
#banner-carousel h3 {
	font-size: 4rem;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
	text-shadow: 4px 4px 2px rgba(37,37,37,0.6);
  }
#banner-carousel .carousel-caption {
    position: absolute;
    top: 150px;
}
.menu-strip {
    position: absolute;
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,0.5);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#banner-carousel .menu-strip img {
    /* width: 150px;
    height: 150px; */
    transform:translateY(0);
    position: relative;
    top: 0;
    left: 60px;
    height: 100px;
}
.menu-strip a {
    text-decoration: none;
    color: white;
    font-size: 1.2rem;
}
.menu-items a {
    margin-right: 20px;
}


/* @media (max-width: 767px) {
    #gallery-carousel .carousel-inner .carousel-item > div {
        display: none;
    }
    #gallery-carousel .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
  }
  
  #gallery-carousel .carousel-inner .carousel-item.active,
  #gallery-carousel .carousel-inner .carousel-item-next,
  #gallery-carousel .carousel-inner .carousel-item-prev {
    display: flex;
  }
  
  @media (min-width: 768px) {
    
    #gallery-carousel .carousel-inner .carousel-item-end.active,
    #gallery-carousel .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    #gallery-carousel .carousel-inner .carousel-item-start.active, 
    #gallery-carousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
  }
  
  #gallery-carousel .carousel-inner .carousel-item-end,
  #gallery-carousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
  } */

  @media (max-width: 767px) {
    #gallery-carousel .carousel-inner .carousel-item > div {
        display: none;
    }
    #gallery-carousel .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

#gallery-carousel .carousel-inner .carousel-item.active,
#gallery-carousel .carousel-inner .carousel-item-next,
#gallery-carousel .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    #gallery-carousel .carousel-inner .carousel-item-end.active,
    #gallery-carousel .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    #gallery-carousel .carousel-inner .carousel-item-start.active, 
    #gallery-carousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

#gallery-carousel .carousel-inner .carousel-item-end,
#gallery-carousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}