.steps  {
    margin: 80px 0px;
    min-height: 90px;
    /*border:1px dashed pink;*/

}
.icon {
    height: 100%;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    float:left;
}

.icon2 {
    height: 100%;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
}

.icon svg{
    color: white;
    font-size: 180px;
    align-self: flex-end;
    opacity: 0.9;
}

.icon2 svg{
    color: white;
    font-size: 180px;
    align-self: flex-end;
    opacity: 0.9;
}
.step1-icon {
    opacity: 0.7;
    font-size: 120px;
    transform: translateY(70px);
    border-top: 4px solid #fa6e4f !important;
}



.step1-description .title {
    color:white;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
    position: relative;
    z-index: 99;
}

.step1-description .paragraph {
    opacity: 0.4;
    color: white;
}

.step1-description .title:before {
    opacity: 0.4;
    position: absolute;
    content: "STEP 1";
    top: -90px;
    left: -175px;
    font-size: 120px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 5px 5px 15px rgba(38, 64, 82, 0.4);
    z-index: -1;
}

.step2-icon {
    opacity: 0.7;
    font-size: 120px;
    transform: translateY(70px);
    border-top: 4px solid #fa6e4f !important;
}

.step2-description .title {
    color:white;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
    position: relative;
    z-index: 99;
}

.step2-description .paragraph {
    opacity: 0.4;
    color: white;
}

.step3-icon {
    opacity: 0.7;
    font-size: 120px;
    transform: translateY(70px);
    border-top: 4px solid #fa6e4f !important;
}



.step3-description .title {
    color:white;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
    position: relative;
    z-index: 99;
}

.step3-description .paragraph {
    opacity: 0.4;
    color: white;
}


.step2-description .title:before {
    opacity: 0.4;
    position: absolute;
    content: "STEP 2";
    top: -90px;
    left: -175px;
    font-size: 120px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 5px 5px 15px rgba(38, 64, 82, 0.4);
    z-index: -1;
}

.step3-description .title:before {
    opacity: 0.4;
    position: absolute;
    content: "STEP 3";
    top: -90px;
    left: -175px;
    font-size: 120px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 5px 5px 15px rgba(38, 64, 82, 0.4);
    z-index: -1;
}

.container {
    /*padding: 0 50px !important;*/
}


@media (max-width: 767px) {

    .step1-icon { text-align: right;}
    .step1-description .title:before {
        top: -130px;
        left: 0;
        font-size: 80px;
    }

    .step1-description .paragraph, .step1-description .title {
        transform: translateY(-25px);
    }
    .step1-icon {
        font-size: 80px;
    }


    .step2-icon { text-align: right;}
    .step2-description .title:before {
        top: -130px;
        left: 0;
        font-size: 80px;
    }

    .step2-description .paragraph, .step2-description .title {
        transform: translateY(-25px);
    }
    .step2-icon {
        font-size: 80px;
    }

    .step3-icon { text-align: right;}
    .step3-description .title:before {
        top: -130px;
        left: 0;
        font-size: 80px;
    }

    .step3-description .paragraph, .step3-description .title {
        transform: translateY(-25px);
    }
    .step3-icon {
        font-size: 80px;
    }
    .icon { display: none;}
    .icon2 { display: none;}

}