body {
    background: #fff;
    color: #212529;
}

.hero {
    background:
        linear-gradient(
            rgba(20, 25, 30, 0.85),
            rgba(20, 25, 30, 0.85)
        ),
        linear-gradient(
            135deg,
            #343a40,
            #6c757d
        );

    color: white;
}

.search-wrapper {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.search-wrapper .input-group {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.heritage-card {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.heritage-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}

.footer-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.footer-link:hover {
    color: white;
}

.card-title {
    line-height: 1.3;
}

@media (max-width: 576px) {

    .hero h1 {
        font-size: 2.25rem;
    }

    .search-wrapper .btn {
        display: none;
    }

}