.steps-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f6f6f6;
}

.steps-section .step-items-container {
    padding: 20px;
}

.steps-section h2 {
    margin: 0px 0 15px 0;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
}

.steps-section .subheader p {
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
}

.steps-section .step-item {
    text-align: center;
}

.steps-section .step-item h3 {
    text-align: center;
    min-height: 64px;
    font-size: 22px;
    font-weight: 400;
    margin-top:0;
}

.steps-section .step-item .inner {
    text-align: left;
}

.steps-section .step-item .step-number {
    margin: 10px auto;
    display: inline-block;
    float: none;
    line-height: 32px;
    vertical-align: middle;
    font-size: 16px;
    color: #777;
    font-weight: 400;
    padding: 0 30px;
    border-radius: 120px;
    border: 1px solid #3eb0f7;
}

.steps-section .step-summary {
    font-size: 26px;
    font-weight: 300;
    margin: 15px 0 15px 0;
    text-align: center;
}


@media (max-width: 767px) {

    .steps-section .step-item .step-number {
        float: left;
        margin: 0px auto;
    }

    .steps-section .step-item {
        padding-left: 7%;
        padding-right: 7%;
    }

    .steps-section .step-item h3 {
        text-align: left;
    }

    .steps-section .step-item h3,
    .steps-section .step-item .inner {
        min-height: 0px;
        margin-left: 140px;
    }

    .steps-section .step-item .inner {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }

    .steps-section .step-summary {
        font-size: 18px;
    }

    .steps-section h2  {
        text-align: left;
        font-size: 32px;
        padding-left: 7%;
    }

    .steps-section .subheader p {
        text-align: left;
        font-size: 16px;
        padding-left: 7%;
        padding-right: 7%;
    }

}



/* iPhone 6Plus (landscape) ----------- */
@media (max-width: 736px) {


}

/* iPhone 6 (landscape) ----------- */
@media (max-width: 667px) {

}

/* iPhone 5 (landscape) ----------- */
@media (max-width: 568px) {

}

/* iPhone 4 (landscape) ----------- */
@media (max-width: 480px) {

    .steps-section .step-item .step-number {
        float: none;
        margin: 10px auto;
    }

    .steps-section .step-item h3 {
        text-align: center;
    }

    .steps-section .step-item h3, .step-item .inner {
        min-height: 0px;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

}

/* smart phone width: 360px ----------- */
@media (max-width: 360px) {


}

/* iPhone 4/5 (portrait) ----------- */
@media (max-width: 320px) {


}