main {
    min-height: 600px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
    /* font-size: 20px; */
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

h1, .h1 {
    font-weight: 900 !important;
    /* font-size: 4rem; */
    margin-bottom: 3rem;
}

.page-header h1 {
    margin-top: 2rem;
}

.branding-title h1 {
    font-weight: 800;
}

p {
    font-size: 1.25rem;
    font-weight: 400;
}

p.card-text {
    font-size: 1.1rem;
    font-weight: 300;
}

.gallery-card {
    /* border: none !important; */
    border-color: transparent !important;
    position: relative;
}

.gallery-caption {
    font-size: 0.78rem;
    font-weight: 600;
    margin-bottom: 0;
    text-align: right;
    /* margin-right: .5rem; */
    margin-top: 0.25rem;
    text-wrap: balance;
}

ul.nav-list {
    margin-top: auto;
    margin-bottom: auto;
}



.branding-text {

}

.branding-title h1,
.branding-title .h1 {
    font-size: 1.5rem;
}

.branding-tagline p {
    text-wrap: balance;
    font-size: 0.85rem;
    margin-bottom: 0;
    line-height: 1.325;
    margin-top: .2rem;
}

.copyright {
    font-size: 0.75rem;
    text-wrap: balance;
}


/* ─── Media Queries (Bootstrap breakpoints) ─────────────────────────────────
   Bootstrap uses .98px offsets to avoid overlap at exact boundary values.
   ─────────────────────────────────────────────────────────────────────────── */

/* Portrait phone and below (xs: < 576px) */
@media (max-width: 575.98px) {
}

/* Landscape phone / small tablet portrait (sm: 576px – 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* Tablet portrait (md: 768px – 991px) — also Bootstrap's mobile-nav breakpoint */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Tablet landscape / small desktop (lg: 992px – 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Desktop (xl: 1200px – 1399px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* Large desktop (xxl: 1400px+) */
@media (min-width: 1400px) {
}

/* ─── Common "and up" shorthand breakpoints ──────────────────────────────── */

/* Landscape phone and up (sm+: ≥ 576px) */
@media (min-width: 576px) {
    
}

/* Tablet portrait and up (md+: ≥ 768px) */
@media (min-width: 768px) {

        .branding-title h1. .branding-title .h1 {
                font-size: 2rem;
            }
        
            .branding-tagline p {
                text-wrap: balance;
                font-size: 1rem;
                margin-bottom: 0;
                line-height: 1.325;
                margin-top: .2rem;
            }
}

/* Tablet landscape and up / desktop nav active (lg+: ≥ 992px) */
@media (min-width: 992px) {
    
}

/* Desktop and up (xl+: ≥ 1200px) */
@media (min-width: 1200px) {
}

/* ─── Common "and below" shorthand breakpoints ───────────────────────────── */

/* Tablet landscape and below / mobile nav active (lg-: ≤ 991px) */
@media (max-width: 991.98px) {
    ul.nav-list a {
            font-size: 2rem;
        }
}

/* Tablet portrait and below (md-: ≤ 767px) */
@media (max-width: 767.98px) {


}

/* Landscape phone and below (sm-: ≤ 575px) */
@media (max-width: 575.98px) {
}