html {
    font-size: 16px;
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* ---------------- Header ---------------- */
.tlma-header {
    padding: .4rem 0;
}

/* Center the whole header on the page */
.tlma-wrap {
    max-width: 1380px; /* adjust page width here */
    margin: 0 auto;
    padding: 0 16px; /* page gutters */
}

/* Bar containing left group (logo+nav) and right group (icons) */
.tlma-bar {
    display: flex;
    align-items: center;
    justify-content: space-between; /* left group vs right icons */
}

/* Keep logo and links close together */
.tlma-left {
    display: flex;
    align-items: center;
    gap: .5rem; /* space between logo and TLMA link */
}

/* Logo spacing */
.tlma-logo {
    height: 80px;
    margin-right: 40px; /* tighten/loosen as desired */
}

/* Nav links */
.tlma-nav {
    display: flex;
    gap: 28px; /* space between links */
}

    .tlma-nav .nav-link {
        padding: .25rem 0;
        font-weight: 600;
        color: #0d6efd;
    }

        .tlma-nav .nav-link:hover {
            text-decoration: underline;
        }

/* Right-side social icons */
.tlma-social {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-right: 8px;
    margin-left: 64px;
}

    .tlma-social .bi {
        font-size: 1.15rem;
        color: #0d6efd;
    }

/* Reduce space above/below page title */
h2.mb-3 {
    margin-top: .25rem;
    margin-bottom: .5rem !important;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 992px) {
    .tlma-bar {
        flex-wrap: wrap;
        row-gap: .5rem;
    }

    .tlma-left {
        width: 100%;
    }

    .tlma-nav {
        flex-wrap: wrap;
        gap: .75rem;
    }
}
/* <— IMPORTANT: this closing brace was missing */