.sobre {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 80px;
}

    .sobre > div {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .sobre h1 {
        font-family: var(--fonte-subtitulo);
        font-weight: 400;
        font-size: 80px;
    }

    .sobre p {
        font-family: var(--fonte-principal);
        font-weight: 400;
        font-size: 20px;
    }

    .sobre img {
        min-width: 600px;
        height: 400px;
    }

@media(max-width: 1300px) {
    .sobre {
        flex-direction: column;
    }
}

@media(max-width: 700px) {
    .sobre img {
        min-width: 100%;
        height: 250px;
    }

    .sobre h1 {
        font-size: 50px;
    }

    .sobre p {
        font-size: 14px;
    }
}

@media(max-width: 500px) {
    .sobre img {
        width: 300px;
        height: 250px;
    }

    .sobre {
        padding: 80px 20px;
    }
}