h1, h2, h3, h4{ 
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
body{ color:antiquewhite; background-color: #9BA184;font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}
.navbar {
    background-color: #424632 !important;
}

.navbar .navbar-brand {
    color: antiquewhite;
}

.navbar .nav-link {
    color: antiquewhite;
}
.navbar .nav-link.active{
    color: antiquewhite;
}
.navbar .nav-link:hover {
    color: #9BA184;
}
.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.519)),
        url("../img/hero-img.jpg");
    background-size: cover;
    background-position: center;
    color: antiquewhite;
    height: 40vh;
    text-align: center;
    padding: 8%;
    ;
}

.hero a {
    background-color: #9BA184;
    border-style: none;
}

.hero a:hover {
    background-color: #6C283B;
    transform: scale(1.2);
}



.accordion-button {
    background-color: #6C283B;
    color: antiquewhite; padding-bottom: 25px; padding-top: 25px;
}

.accordion-body .row {
    align-items: stretch;
}

.accordion-body .col-md-4 {
    display: flex;
}

.accordion-body .card { background-color: #9BA184;
    width: 100%;
    height: 100%;
}

.accordion-body .card-img-top {
    height: 250px;
    object-fit: cover;
}

.activity-section {
    background-color: #9BA184;
}
.carousel-item img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 768px) {
    .carousel-item img {
        height: 280px;
    }
}

.eats-and-sweets{margin:8% 5%; text-align: center; color:antiquewhite}
.carousel-caption{background-color: rgba(0, 0, 0, 0.467); border-radius: 12px}
.media .row {
    align-items: stretch;
}

.col-md-4 {
    display: flex;
}

.media .card-img-top {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.media li{font-size: .8rem;
    line-height: 1.2rem}
    .movie-section {
    background-color: #9fa58a;
    padding: 5%;
}

.media h3 {
    color: antiquewhite;
    text-align: center;
    margin-bottom: 3%;
}
.media .card{background-color: antiquewhite}
.footer{background-color:#424632; text-align: center;color: antiquewhite; padding:4%; margin-top: 25px; }
.footer h3{font-size:1rem;}
.footer h4{font-size:.8rem}
.footer a{font-size: .8rem;color: antiquewhite;}
.media{margin:5%; }
.footer a:hover{font-size: 1rem;color: #9fa58a;}