body { padding-top: 70px; }

.hero-section h1 { text-shadow: 0 4px 18px rgba(0,0,0,0.45); }

.feature-card { transition: transform .25s ease, box-shadow .25s ease; }
.feature-card:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0,0,0,0.12); }

.card-img-top { object-fit: cover; height: 200px; }

button[disabled] { opacity: 0.7; cursor: not-allowed; }

@media (max-width: 767px) {
  .hero-section { padding: 3rem 1rem; }
}

body {
    background-image: url('images/bluehourbg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-indicators button {
    background-color: gray;      
    border-color: gray;          
}


.carousel-indicators .active {
    background-color: darkgray;  
}

.about-section * {
    color: #fff !important;
}