html, body {
    width: 100%;
    overflow-x: hidden;
}


.img-container {
    width: 100%;
    height: 600px; /* increase this value as needed */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.logo {
    max-width: 180px;   /* controls width */
    max-height: 140px;   /* controls width */
    width: auto;        /* keeps natural width */
    height: auto;       /* keeps aspect ratio */
}

.site-header {
    color: #2E5520;
    background-color: #2E5520;
}

.site-header a {
    color: #ffffff;
}
.site-footer{
    color: #2E5520;
    background-color: #2E5520;
}
.site-footer-bottom{
    color: #2E5520;
    background-color: #2E5520;
}

.volunteer-bg {
    background-image: url('images/news/group-people-volunteering-foodbank-poor-people.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bi-tiktok {
    background: url('tiktok.svg') no-repeat center;
    display: inline-block;
    width: 1em;
    height: 1em;
}