.site-footer {
    background-color: var(--primary-green);
    color: var(--text-white);
    padding: 20px 0;
    margin-top: 20px;
    border-radius: 0 0 8px 8px;
    clear: both; /* Clear floats from content */
    width: 100%; /* Ensure full width */
}

.footer-sections {
    margin: 0 auto;
    padding: 0 20px;
    text-align: center; /* Center content */
}

.footer-section {
    width: 100%;
}

@media (max-width: 768px) {
    .footer-sections {
        padding: 10px;
    }
}