#services, #about, #questions, #contact {
    scroll-margin-top: 80px;
}

.brand-title {
    font-size: 1.25rem; /* Mobile size (~20px) */
}

@media (min-width: 768px) {
    .brand-title {
        font-size: 1.75rem; /* Desktop size (~28px / fs-3 equivalent) */
    }
}

.small-hero {
    padding-top: 7rem;
    padding-bottom: 5em;
}

@media (min-width: 768px) {
    .small-hero {
        padding-top: 12rem;
        padding-bottom: 5em;
    }
}