.about{
    inline-size:100%;
}

.about-us{
    display:flex;
    flex-direction:row;
    inline-size:70%;
    margin-inline:auto;
    margin-block:5rem 8rem;
}

.about-picture{
    inline-size:100%;
    margin-inline-end: 3rem;
}

.about-img{
    inline-size:100%;
    block-size:100%;
}

.about-subtitle{
    font-size:0.8rem;
}

.about-title{
    color:#636363;
    margin-block-end: 0.5rem;
}

.about-text{
    font-size:0.8rem;
    margin-block-end:0.5rem;
}

.separate-text{
    margin-block:1rem;
}

.about-contact{
    color:var(--white);
    padding:0.5rem 1rem;
    background-color: var(--orange);
    font-size:0.6rem;
    border-radius: 0.2rem;
}

.testimonials{
    inline-size:70%;
    margin-inline:auto;
    margin-block-end:6rem;
    display:none;
}

.testimonial-title{
    color:#636363;
    font-size:1.75rem;
    text-align: center;
    margin-block-end:1.5rem;
}

.testimonial-quotations{
    display:flex;
    flex-direction:row;
}

.testimonial-text{
    font-style: italic;
    color:#636363;
    font-size:0.8rem;
    margin-block-end:1rem;
    inline-size:90%;
}

.testimonial-quote{
    display: flex;
    flex-direction: row;
}

.testimonial-quote > div{
    margin-inline-start:1rem;
    margin-block-start:1rem;
}

.testimonial-img{
    inline-size:2.5rem;
    block-size:2rem;
}

.testimonial-author{
    color:#636363;
    font-size:0.9rem;
}

@media only screen and (max-width: 992px) {
    .about-us{
        flex-wrap: wrap;
        text-align: center;
    }

    .about-picture{
        margin-inline:auto;
    }

    .testimonial-quotations{
        flex-wrap: wrap;
    }

    .testimonial-quote{
        margin-block:0.5rem;
    }
}