Modify services boxes to line up horizontally instead of stacking

I’d like to be able to modify the services boxes so that they all line up horizontally instead of stacking. I tried changing the float left in the below css to display: inline-block but that didn’t work. Any other suggestions would be greatly appreciated.

Link to the site:
https://evolibri.com/wp

[Moderator Note: Please ensure that you are embedding links correctly in your posts. Link corrected.]

CSS: The parallax_one_grid_col_3 is the one I am trying to modify.

.parallax_one_grid_col_4 > div,
.parallax_one_grid_col_3 > div,
.parallax_one_grid_col_2 > div,
.parallax_one_grid_col_1 > div {
	margin-bottom: 30px;
	text-align: center;
}

.parallax_one_grid_col_4 {
	float: left;
	width: 23%;
	margin: 0 1.25% 0 1.25%;
}

parallax_one_grid_col_3 {
    float: left;
    width: 31.5%;
    margin: 0 1.25% 0 1.25%;
	min-height: 1px;
}

.parallax_one_grid_col_2 {
	float: left;
	width: 48%;
	margin: 0 1.75% 0 1.75%;
}

.parallax_one_grid_col_1 {
	float: left;
	width: 100%;
}

.parallax_one_grid_first {
	margin-left: 0;
	padding-left: 0;
}

.parallax_one_grid_last {
	margin-right: 0;
	padding-right: 0;
}