:root {
    --bs-primary: #33211f;
    --bs-primary-rgb: 51, 33, 31;
    --bs-secondary: #fae1b8;
    --bs-secondary-rgb: 250, 225, 184;
    
}

h1, h2, h3, h4, h5, .font-ns {
    font-family: 'Noto Serif', serif;
}

nav.navbar{
    height:6rem;
}
main{
    margin-top:6rem;
}
.hero-header {
    position: relative;
    min-height: 60vh; /* adjust height as needed */
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), /* optional dark overlay */
    url('/images/viewfromstreet.jpg') center / cover no-repeat;
}
.nav-divider .nav-item:not(:last-child) {
    border-right: 1px solid var(--bs-gray-400);
    padding-right: 2rem;
    padding-left: 1rem;
}

.text-balance {
    text-wrap: balance;
}



@media (min-width: 576px) {
    .list-cols {
        -webkit-columns: 2;
        columns: 2;
        column-gap: 2rem;
    }
}

@media (min-width: 992px) {
    .list-cols {
        -webkit-columns: 3;
        columns: 3;
        column-gap: 2rem;
    }
}