body, html {
    height: 100%;
    margin: 0; /* Add this to ensure there's no default margin */
    padding-top: 56px; /* Height of the fixed navbar on mobile */
}
@media (min-width: 992px) { /* Adjust this for larger screens as per your navbar height */
    body, html {
        padding-top: 42px; /* Height of the fixed navbar on desktop */
    }
}
#content {
    flex: 1 0 auto;
    width: 100%; /* Ensure the content takes up the full width */
    padding: 1rem; /* Add some padding inside the content */
}
#footer {
    flex-shrink: 0;
}

/* Sticky footer styles */
.site-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px; /* Define a height for your footer */
}
/* Wrapper for page content to push down footer */
.site-wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.logo-img {
    max-width:100px !important;
    max-height: 60px !important;
}

#mc_embed_signup {
    background: #fff;
    clear: left;
    width: 600px;
}