@media screen and (max-width: 640px) {
    .site-main{
        padding-bottom:var(--space-64);
    }

    .hero-section{
        padding-top:var(--space-28);
    }

    .hero-section__content,
    .feature-strip__card,
    .content-panel,
    .site-footer__brand,
    .site-footer__column,
    .hero-section__panel{
        padding:var(--space-20);
        border-radius:var(--radius-20);
    }

    .site-header__bar{
        display:none;
    }
}