body {
    background-color: #f4f2e9;
    background: url(images/halftone.png)top right repeat;
    
}

footer {
    background-color: #4a6252;
}

nav {
    background-color: #ece8d8;
    z-index: 100;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
}

    nav .nav-link {
        color: #3f5346;
        font-weight: 600;
        font-size: 1.2rem;
        margin: 0 .25rem;
    }

        nav .nav-link:hover {
            color: #745151;
        }

main {
    font-size: 1.2rem;
}

.main-card {
    box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

.div-table {
    padding: 0 .5rem 0;
}

    .div-table > .row {
        border-bottom: 1px solid #dee2e6;
        padding: .5rem 0 .5rem;
    }

.map {
    width: 100%;
    border: none;
    border: 0;
    /*min-height: 420px;*/
}

.banner {
    background: url(images/banner.png)right center no-repeat;
    height: 450px;
    text-shadow: 3px 3px 3px #2b2823;
}

.card-links .card {
    border: 0px !important;
    height: 100%;
    box-shadow: 0px 8px 5px #cccccc;
    border-top: 10px solid #4a6252 !important;
}

    .card-links .card .card-body {
        display: flex;
        flex-direction: column;
    }

.card-links a {
    text-decoration: none;
    color: #3c393c;
    font-size: 0.9em;
}

    .card-links a:hover {
        text-decoration: none;
    }

        .card-links a:hover .card {
            box-shadow: 0px 12px 12px #cccccc;
        }

@media (min-width: 992px) {
    .banner {
        background: url(images/banner.png)center center no-repeat;
        height: 450px;
        text-shadow: 3px 3px 3px #2b2823;
    }
}