/* ===============================
   CUSTOM CSS
   Put all your overrides here
=============================== */
p,h1,h2,h3,h4,h5,h6,ol,ul {
    max-width: 700px;
    margin: 1em auto; /* Add top/bottom spacing + center horizontally */
    line-height: 1.6; /* Improve readability */
}
/* Main footer background full width */
.site-footer {
    width: 100%;
    background-color: #346;  /* main footer background */
    padding: 40px 0;
}

/* Fixed-width container for footer content */
.footer-container {
    max-width: 1170px;
    margin: 0 auto;
	padding:15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* allows wrapping on small screens */
}

/* Footer columns */
.footer-column {
    flex: 1 1 0;
    min-width: 300px;
    padding: 0 15px;
    box-sizing: border-box;
	color:#ccddee;
}

/* Footer bottom bar (extra copyright section) */
.footer-bottom {
    width: 100%;
    background-color: #123;
    padding: 10px 0;
    color: #fff;
}

/* Center copyright content inside fixed-width container */
.footer-bottom .footer-container {
    max-width: 1170px;
	padding:0 15px;
    margin: 0 auto;
    justify-content: flex-start; /* aligns left on desktop */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        align-items: center; /* stack columns and center them */
    }
    .footer-column {
        padding: 10px 0;
    }
    .footer-bottom .footer-container {
        justify-content: center; /* center copyright on mobile */
    }
}