.about-us-section {
    background: linear-gradient(to bottom, #FE4F39, white 45%);
    padding: 100px 65px 0 65px;
}

.about-us-section > div {
    max-width: 1200px;
    background-image: url('/img/assets/About/expert-lawyer-shadow-x.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right top;
    margin: auto;
    padding: 50px 0 170px 50px;
}

.about-us-section .text {
    width: 50%;
}

.about-us-section h1 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 40px;
}

.about-us-section p {
    margin-bottom: 30px;
}

/* ========== MEDIA QUERIES ========== */
@media (max-width: 1100px) {

    .about-us-section > div {
        background-image: url('/img/assets/About/expert-lawyer-shadow-x.png');
        background-size: 90%;
        padding: 50px 0 100px 50px;
    }
}

@media (max-width: 900px) {


    .about-us-section {
        background: linear-gradient(to bottom, #EE402B, white 35%);
    }
}

@media (max-width: 700px) {

    .about-us-section > div {
        background-size: 70%;
        padding: 0 0 100px 0;
    }

    .about-us-section h1 {
        padding-top: 80px;
        margin-bottom: 80px;
        margin-left: 20px;
    }

    .about-us-section {
        background: linear-gradient(to bottom, #EE402B, white 30%);
    }

    .about-us-section p {
        text-align: center;
        width: 100vw;
        margin-left: -65px;
        padding: 0 65px;
    }
}

@media (max-width: 625px) {

    .about-us-section > div {
        background-size: 60%;
    }

    .about-us-section {
        background: linear-gradient(to bottom, #EE402B, white 25%);
    }

    .about-us-section h1 {
        margin-bottom: 50px;
        padding-top: 50px;
    }

}

@media (max-width: 550px) {

    .about-us-section {
        background: linear-gradient(to bottom, #EE402B, white 20%);
        padding: 100px 30px 0 30px;
    }

    .about-us-section .text {
        width: 100%;
    }

    .about-us-section p {
        padding: 0 0 0 60px;
    }

    .about-us-section h1 {
        margin-left: 20px;
        padding-top: 30px;
    }

}

@media (max-width: 400px) {
    .about-us-section > div {
        background: none;
    }
    .about-us-section h1 {
        margin-left: 0;
        text-align: center;
    }

    .about-us-section {
        padding: 80px 30px 0 30px;
    }


}