#hero {
    .container {
        padding-bottom: 50px;
        border-bottom:  1px solid #F1F0EF;

        .hero {
            max-width:  270px;
            margin:     0 auto;
            padding:    162px 0 0;

            & h1 {
                font-size:   26px;
                font-style:  normal;
                font-weight: 600;
                line-height: 30px; /* 115.385% */
                color:       #2F1D49;
            }
        }
    }
}

@media screen and (max-width: 480px) {
    #hero {
        .container {
            padding-bottom: 40px;

            .hero {
                max-width:  100%;
                padding:    93px 0 0;

                & h1 {
                    font-size:   22px;
                    line-height: 28px;
                }
            }
        }
    }
}