.t-lg {
    color: #757575;
    font-size: 48px;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto
}

.hiw-head-intro,
.hiw-head-title {
    text-align: center;
    margin-top: -5px;
    margin-bottom: 20px
}

.hiw-intro {
    position: relative;
    text-align: center;
    margin-top: 3.75rem
}

@media only screen and (min-width:48.0625em) {
    .hiw-intro {
        margin-top: 6.5rem
    }
}

.hiw-greetings {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: calc(50% + 45px)
}

.hiw-steps {
    background: url(https://www.mainstreethub.com/assets/media/bg-dot.png) top center repeat-y;
    background-size: 2px 9px;
    list-style: none;
    margin-top: 0;
    padding-top: 6.5rem;
    padding-right: 4rem
}

.hiw-step {
    position: relative
}

@media only screen and (max-width:48em) {
    .hiw-steps {
        padding-top: 8rem
    }
    .hiw-step {
        background-color: #fff;
        text-align: center
    }
}

.hiw-step+.hiw-step {
    margin-top: 8rem
}

@media only screen and (min-width:48.0625em) {
    .hiw-step+.hiw-step {
        margin-top: 17rem
    }
    .hiw-step:not(.last) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .hiw-step:not(.last)>* {
        width: 50%;
        padding: 0 8%
    }
    .hiw-step::before {
        margin: 0 auto;
        position: absolute;
        top: 2.75rem;
        left: 0;
        right: 0
    }
}

.hiw-step.last {
    background-color: #fff;
    text-align: center
}

.hiw-step::before {
    background: url(https://www.mainstreethub.com/assets/media/how-step-node.png) center center no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px
}

.hiw-step.last:before {
    background-image: url(https://www.mainstreethub.com/assets/media/how-step-node-last.png);
    position: relative;
    top: 0;
    width: 50px;
    height: 50px
}

.hiw-step img {
    margin-top: 2.5rem;
    width: 100%;
    max-width: 438px
}

@media only screen and (min-width:48.0625em) {
    .hiw-step img {
        margin-top: -3.5rem
    }
    .hiw-step.last .button {
        min-width: 18.75rem
    }
}

.hiw-step-num {
    font-family: handelsonthree, SnellRoundhand, cursive;
    font-weight: 400;
    color: #B4B5C2;
    font-size: 2rem;
    line-height: 1;
    text-transform: lowercase
}

.hiw-step-title {
    margin-top: 0
}

@media only screen and (max-width:48em) {
    .hiw-step-body {
        margin-top: .5rem
    }
}

.hiw-step.last .hiw-step-title {
    margin-top: 1.5rem
}

.hiw-step.last .hiw-step-body {
    max-width: 38.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:48.0625em) {
    .hiw-step:nth-child(odd):not(.last) {
        text-align: right
    }
    .hiw-step:nth-child(even):not(.last) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.intro-statement {
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 0
}

.intro-statement strong {
    font-weight: 500
}

.contactUs .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/pages/contact_us_banner.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

.howItWorks .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/howitworks_hero.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 30%
}

.customerReviews .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/reviews_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

.aboutUs .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/aboutus_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 30%
}

.hbr .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/hbr_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 20%
}

.cs .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/cs_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 20%
}

.fbs .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/fbs_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 20%
}

.wias .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/wias_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 35%
}

.wdias .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/wdias_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 35%
}

.wsdin .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/wsdin_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 35%
}

.help .intro-statement {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/images/general/help_hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 30%
}