/* Base styles for large screens */
 .footer-light .row {
    display: flex;
    flex-wrap: wrap; /* Allows columns to wrap if necessary */
}

.footer-light .col-lg-2, .footer-light .col-lg-3, .footer-light .col-lg-4 {
    flex: 1 1 0; /* Allows columns to grow and shrink */
}

/* Adjustments for smaller screens */
@media (max-width: 991px) { /* Medium screens */
    .footer-light .col-md-3, .footer-light .col-md-4, .footer-light .col-md-6 {
        flex: 1 1 100%; /* Stack columns vertically on medium screens */
        margin-bottom: 20px; /* Add some space between stacked columns */
    }
}

@media (max-width: 767px) { /* Small screens */
    .footer-light .col-sm-6, .footer-light .col-sm-4 {
        flex: 1 1 100%; /* Stack columns vertically on small screens */
    }
    
    /* Optional: Adjust text alignment for better readability */
    .footer-light .text-center {
        text-align: center;
    }
}