#FooterContainer {
    background-color: #710a2c;
}

#Footer {
    padding: 50px 10px;
    color: white;
}

/*#Footer .row {
    overflow: hidden;
}*/

#Footer a {
    color: white;
    font-size: smaller;
}

.border-right {
    border-right: 1px solid white;
}

.footer-col {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

/* Social icons base container (mobile-first) */
.social-icons {
    width: 100%;
    gap: 14px;
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr; /* default: single column (mobile) */
    grid-auto-rows: auto;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#FooterLogo {
    width: 100%;
    padding: 40px;
}

.social-icon {
    width: 72px;
    padding: 6px;
}

/* Tablet: 3 rows x 2 columns (>=768px) */
@media (min-width: 300px) and (max-width: 1149px) {
    .social-icons {
        grid-template-columns: repeat(2, auto);
        gap: 18px 24px;
        justify-items: center;
    }
    .social-icon { width: 72px; padding: 6px; }
}

/* Desktop: 2 rows x 3 columns (>=1150px) */
@media (min-width: 1150px) {
    .social-icons {
        grid-template-columns: repeat(3, auto);
        gap: 20px 30px;
        justify-items: center;
    }
    .social-icon { width: 72px; padding: 6px; }
}

/* Other footer responsive adjustments */
@media (max-width: 991px) {
    .border-right, .border-bottom {
        border-right-color: transparent !important;
        border-bottom: 1px solid white;
    }

    .row.match-my-cols > [class*="col-"] {
        padding: 30px !important;
    }

    #Footer p {
        margin: auto !important;

    #FooterLogo {
    }
}

@media (max-width: 500px) {
    .row.match-my-cols > [class*="col-"] {
        margin-bottom: 0 !important;
        padding: 20px 0px !important;
    }

    #FooterLogo {
        padding: 0px;
    }
}