.bg-primary {
    background-color: #477A1E !important;
}

.bg-secondary {
    background-color: #747d84 !important;
}

.bg-tertiary {
    background-color: #854F2B;
}

nav-link.active {
    color: #fff;
    background: #477A1E !important;
}

a.nav-link.active {
    color: #fff;
    background: #477A1E !important; 
}

h1, h2, h3, h4 {
    font-family: 'DotGothic16', sans-serif;
    text-shadow: 1px 1px 4px black;

}

body {
    font-family: 'Montserrat', sans-serif;
}

.navbar {
    font-family: 'DotGothic16', sans-serif !important;
    text-shadow: 1px 1px 4px black;

}

.divider-custom {
    margin: 2rem 0 1.25rem !important; 
}

 .divider-custom .divider-custom-line {
    max-width: 35rem !important; 
 }
 
a.nav-link:hover {
    color: #854F2B !important;
}

.masthead {
    padding-top: calc(4rem + 104px) !important;
    padding-bottom: 4rem !important; 
}

.page-section {
    padding: 4rem 0 !important;
}

.text-brown {
    color: #854F2B;
}

.accordion-button:not(.collapsed) {
    color: #477A1E !important;
    background-color: #fff !important;
}

.accordion-button:focus {
    border-color: #747d84;
    outline: 0;
    box-shadow: 0 0 0 0.125rem #747d84;
}

.portfolio-modal .close {
    color: #477A1E !important;
}

.btn-primary {
    background-color: #477A1E !important;
    border-color: #477A1E !important;
}

.divider-custom .divider-custom-line:last-child {
    margin-top: -0.5rem;
}
.portfolio .portfolio-item .portfolio-item-caption {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in-out;
    opacity: 0%;
    background-color: #477A1E !important; 
}

.footer {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
    background-color: #854F2B !important;
}

.copyright {
    background-color: #747d84 !important;
}

.pixel-brush-alt {
    max-width:50%;
    height:auto;
}

.text-secondary {
    color: #000 !important;
}