#services-grid
{
    margin-bottom: 4rem;
}

@media only screen and (max-width: 1024px)
{

    #services-grid
    {
        display: block;
    }

    #services-grid .grid-item
    {
        margin-bottom: 2rem;
    }

}

#services-grid .grid-item .bi
{
    display: inline-block;
    font-size: 4rem;
    margin-bottom: 2rem;
}

#services-grid ul
{
    padding: 0;
}

@media only screen and (max-width: 1024px)
{

    #services-grid ul
    {
        column-gap: 2rem;
        columns: 2;
    }

}

@media only screen and (max-width: 500px)
{

    #services-grid ul
    {
        columns: 1;
    }

}

#services-grid ul li
{
    font-size: 1.8rem;
}