@media (max-width: 700px) {
    :root {
        --nav-height: 76px;
    }

    main {
        width: min(calc(100% - 1rem), var(--content-width));
    }

    .jump-links {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }

    .site-footer,
    .site-footer div {
        flex-direction: column;
        text-align: center;
    }

    .news-grid,
    .cards-row,
    .character-grid,
    .video-grid-container,
    .sponsor-staggered-grid,
    .sponsor-three-tier-grid,
    .sponsor-previous-grid,
    .tiers-grid,
    #teamstory {
        grid-template-columns: 1fr;
    }

    .page-new-paddlers .page-title-header {
        grid-template-columns: 46px minmax(0, 1fr) 46px;
    }

    .page-new-paddlers .header-logo {
        width: 42px;
        max-height: 42px;
    }

    .schedule-intro .header-flex-layout {
        grid-template-columns: 1fr;
    }

    .schedule-card tbody tr {
        grid-template-columns: 1fr;
    }

    .page-hero {
        min-height: 220px;
        padding: 2rem 1rem;
    }

    .hero-z {
        width: 62px;
        height: 62px;
        font-size: 2.2rem;
    }
}