.hero.ih2 {
    .hero-inner {
        grid-template-columns: 1fr;
        justify-items: start;

        @media (max-width: 767px) {
            justify-items: center;
        }
    }

    .hero-content {
        max-width: 420px;
        align-items: flex-start;

        @media (max-width: 767px) {
            max-width: 300px;
            align-items: center;
            text-align: center;
        }
    }
}