<!-- default flex-column on lg it swaps to row -->

<div  class="d-flex flex-lg-row flex-column features-big my-4 text-center">

​

    <!-- remove w-25 as the columns on lg are automatically evenly -->

    <div class="mb-4 p-3 wow fadeIn sector" data-wow-delay="0.4s">

        <!-- add align-items-center text-center to center content of card -->

        <div class="card hoverable align-items-center text-center">

            <i class="fas fa-satellite blue-text mt-3 fa-3x my-4"></i>

            <h5 class="font-weight-bold mb-4">Headline</h5>

            <p class=" grey-text font-small mx-3">

                Our livestock experts visit farmers accross the region providing

                training on best practices for livestock production.

                <!-- remove classes here -->

            </p>

        </div>

    </div>

​

    <div class="mb-4 p-3 wow fadeIn sector" data-wow-delay="0.4s">

        <!-- add align-items-center text-center to center content of card -->

        <div class="card hoverable align-items-center text-center">

            <i class="fas fa-satellite blue-text mt-3 fa-3x my-4"></i>

            <h5 class="font-weight-bold mb-4">Headline</h5>

            <p class=" grey-text font-small mx-3">

                Our livestock experts visit farmers accross the region providing

                training on best practices for livestock production.

                <!-- remove classes here -->

            </p>

        </div>

    </div>

​

    <div class="mb-4 p-3 wow fadeIn sector" data-wow-delay="0.4s">

        <!-- add align-items-center text-center to center content of card -->

        <div class="card hoverable align-items-center text-center">

            <i class="fas fa-satellite blue-text mt-3 fa-3x my-4"></i>

            <h5 class="font-weight-bold mb-4">Headline</h5>

            <p class=" grey-text font-small mx-3">

                Our livestock experts visit farmers accross the region providing

                training on best practices for livestock production.

                <!-- remove classes here -->

            </p>

        </div>

    </div>

​

    <div class="mb-4 p-3 wow fadeIn sector" data-wow-delay="0.4s">

        <!-- add align-items-center text-center to center content of card -->

        <div class="card hoverable align-items-center text-center">

            <i class="fas fa-satellite blue-text mt-3 fa-3x my-4"></i>

            <h5 class="font-weight-bold mb-4">Headline</h5>

            <p class=" grey-text font-small mx-3">

                Our livestock experts visit farmers accross the region providing

                training on best practices for livestock production.

                <!-- remove classes here -->

            </p>

        </div>

    </div>

​

</div>

​

​

​