.height-wrapper{
    padding:1.3rem 0 1rem 0 ;
}

.title-project-section{
    color: var(--color-third);
    font-family: var(--font-roboto-condensed);
    font-size: var(--font-size-2xl);
    line-height: 1.7rem;
    text-justify: inter-word; 
    hyphens: auto;
    overflow-wrap: break-word;
    font-weight:800;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.title-project-section::first-letter{
font-size: 1.7rem;
}

.subtitle-project-section{
    color: var(--color-light-gray);
    font-family: var(--font-roboto-condensed);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    line-height: 1.3rem;
    text-transform: uppercase;
    padding: 0;
    margin: 0.3rem 0 1.5rem 0;
}

.width-control{
    padding-inline: 0rem;
}

.project-section-text{
    margin-top: 0rem;
    text-align: left;
}

@media (width >=768px) and (width <1024px){

    .width-control{
        padding-inline: 3rem;
    }
    .project-section-text{
        text-align: justify;
        margin-left: 2rem;
    }
}

@media (width >=1024px){


    .width-control{
        padding-inline: 5rem;
    }
    
    .project-section-text{
        text-align: justify;
        margin-left: 2rem;
    }

}