.sobre {
    padding: 70px 10px;
}

.sobre-grid {
    @include flex(40px);
    flex-wrap: wrap-reverse;
}

.sobre-text {
    display: grid;
    gap: 20px;
    max-width: 570px;

    span {
        display: block;
        background-color: var(--dark);
        width: 120px;
        height: 3px;
    }

    h3 {
        @include font(36, 400, 1.2em);
    }

    p {
        @include font(20);
    }

    @media only screen and (max-width: 510px) {
        text-align: center;
        justify-items: center;

        h3 {
            @include font(26, 400, 1.2em);
        }

        p {
            @include font(16);
        }
    }
}