/* Typography */
h1 {
    font-size: 1.5rem;
    margin-bottom: var(--spacing-medium);
}

@media (min-width: var(--breakpoint-md)) {
    h1 {
        font-size: 2rem;
    }
}

@media (min-width: var(--breakpoint-lg)) {
    h1 {
        font-size: 2.5rem;
    }
}