.title-header-about{
    padding-top: 8%;
    margin-bottom: 10%;
}

.main-title{
    margin-left: 5%;
}

.title-header{
    line-height: 90%;
    font-family: 'Raleway ExtraBold', sans-serif;
    font-size: 8vw;
}

.sub-title{
    position: absolute;
    top: 28%;
    left: 35%;
    text-align: left;
}

.sub-title-header{
    font-family: 'Raleway ExtraBold', sans-serif;
    font-weight: bold;
    font-size: 1.3vw;
}

.container-about{
    width: 100%;
    padding-left: 10%;
    padding-top: 10%;
    padding-bottom: 2%;
    padding-right: 25%;
    background: #0e1113;
}

.content-about{
    margin-bottom: 12%;
}

.step-title{
    font-family: 'Raleway SemiBold', sans-serif;
    font-size: 3rem;
    color: #ff5800;
    border-left: rgb(255, 88, 0);
    border-left-style: solid;
    border-left-width: 0.5vw;
    padding-left: 3%;
}

.about-title-content{
    line-height: 80%;
}

.t1{
    color: #E1E1E1;
    font-family: 'Raleway SemiBold', sans-serif;
    font-size: 1.3rem;
    text-align: justify;
}

@media only screen and (max-width: 750px) {
    .container-about{
        padding-right: 10%;
    }
}

@media only screen and (max-width: 650px) {
    .container-about{
        padding-right: 10%;
    }

    .step-title{
        font-size: 2.3rem;
    }

    .t1{
        font-size: 1rem;
    }
}

@media only screen and (max-width: 650px) {
    .step-title{
        font-size: 2.1rem;
    }

    .t1{
        font-size: 1rem;
    }
}