/* ============================================================
   FOOTER - MOBILE CENTER ALIGNMENT
   ============================================================ */

@media (max-width: 767.98px) {

    footer .container {
        text-align: center;
    }

    footer .row {
        justify-content: center;
    }

    footer .row > div {
        width: 100%;
        text-align: center;
    }

    /* Logo + site name */
    footer h5 {
        justify-content: center;
    }

    footer h5 img {
        margin-right: 8px !important;
    }

    /* Lists */
    footer ul {
        padding-left: 0;
        margin-left: 0;
        list-style: none;
    }

    footer li {
        text-align: center;
    }

    /* Social icons */
    footer .social-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    /* Contact icons + text */
    footer .fa-envelope,
    footer .fa-phone,
    footer .fa-map-marker-alt {
        margin-right: 6px !important;
    }

    /* Foundation line */
    footer li.border-top {
        text-align: center;
    }

    /* Copyright */
    footer hr {
        margin-left: auto;
        margin-right: auto;
    }

    footer p {
        text-align: center;
    }

    /* Developer social links */
    footer p .ms-2 {
        display: block;
        margin-left: 0 !important;
        margin-top: 8px;
    }

    footer p .ms-2 a {
        margin-left: 5px;
        margin-right: 5px !important;
    }
}