:root {
    --forest: #3a664f;
    --tea-green: #AACC96; 
}

body {
    background-color: var(--tea-green)!important;
}

.header-link.active{
    color: var(--forest)!important;
    background-color: var(--tea-green)!important;
    border-radius: 4px;
}

.header{
    color: var(--tea-green)!important;
    background-color: var(--forest)!important;
}

.header-logo {
    height: 75px;
}

.header-link{
    color: var(--tea-green)!important;
}

.footer{
    color: var(--tea-green)!important;
    background-color: var(--forest)!important;
}

.footer-heading{
    font-weight: bold;
}

.footer-social-icon{
    width:50px;
}

.footer-link{
    color: var(--tea-green)!important;
}

.footer li{
    list-style: none;
}

.section{
    background-color: rgba(255, 255, 255, 0.131);
    margin: 1.5rem auto;
    padding: 1.5rem !important;
}

.section-heading{
    color: #3a664f;
}

.section-subheading{
    color: #3a664f;
}

.custom-image {
    width: 100%;          /* fills its container up to the max-width */
    max-width: 60vw !important;      /* never larger than half the screen width */
    height: auto;         /* keep original aspect ratio */
    background-color: gray;
    display: block;
    margin: 0 auto;       /* center inside the wrapper */
}

.logo-strip {
    width: 100%;         /* takes full width of container */
    max-width: 100%;     /* prevents overflow */
    height: auto;        /* keeps proportions */
    display: block;
}