#header {height: 95px;}
#header .logo img {max-height: 75px;}

.pages #header {top: 0; transition: none; background: rgba(26, 24, 22, 0.85);}
.pages #main {margin-top: 100px;}

.hellobar {background: #f8e128; color: #111; box-shadow: 2px 0 0 black; padding: 3px 0; z-index: 100; display: none;  border-bottom: 2px solid white;}
.hellobar .btn {padding: .1rem .75rem;}

.nav-menu .book-a-table a, .mobile-nav .book-a-table a, .back-to-top i, .events .owl-dot.active, #footer .social-links a:hover {background: #f8e128 !important; color: #111;}
.nav-menu a:hover, .nav-menu li:hover > a, #hero h2 span, .section-title h2 span, .events .event-item h3, a, 
 .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #f8e128;}
.content a {color: #007bff;}
.content a.btn-warning {color: #212529}

#hero, .carousel-background img {width: 100%;}
#hero .btn-menu:hover, #hero .btn-book:hover {background: #f8e128;}
#hero .btn-menu, #hero .btn-book, .events .event-item .price span {border-color: #f8e128;}
.nav-menu .book-a-table a:hover, .back-to-top i:hover {background: #367554;}
.section-title h2 {font-weight: normal;}
.btn-warning { background: #f8e128 !important; }

.dropdown-item.active, .dropdown-item:active {background: #f8e128;}
a.dropdown-item.active, a.dropdown-item:active {color: white;}
.nav-menu .dropdown-menu a {color: #444;}

section.contact {padding-bottom: 0;}
.events {background-image: url(../img/1950s-JC.jpg);}
.about {background: #f8f9fa; }
.map {line-height: 0;}
.gallery .about .video-box {min-height: 300px;}

.about .video-box {background-position: top center;}

.cta {font-size: 18px; margin-bottom: 2px;}
#footer {background: #333; padding: 20px 0;}

@media only screen and (max-width: 1000px) {
  .hellobar {display: none !important;} 
}

@media only screen and (max-width: 1200px) {
.carousel-item img {margin-left: -75%; width: 200%;}
}

@media only screen and (max-width: 768px) {
  #header .logo img {max-height: 50px;}
  #header {height: 60px;}
  .hellobar {display: none;}
.carousel-item img {margin-left: -100%; width: 325%;}
}