Force services row on front page to 2 lines

Hi - On my front page I have 4 services showing. I am trying to force the row to show only 2 per row instead of the current 3 on top then one below. I tried to adjust the row itself to squeeze in only 2 before it breaks, however it ends up with an extremely narrow center column to show the content. I also tried to show only 2 services, then add another services widget in the same row with the remaining 2 services (to end up with a 2 row split), however I can’t specify in the widget to show only the last 2 services (only options are to show all (-1) or to show 1, 2, 3 or 4 services.

Any advise is greatly appreciated!

Well, if you select 2 then it will show the last 2 services. You can group them in categories and show one category with 2 services in one widget and another category with 2 services in another.
Or you can do this in a custom CSS plugin:

@media only screen and (min-width: 991px) {
    .services-area .service {
          width: 49.5% !important;

Perfect! Thank you so much for your prompt responses and help!