Two columns of text on mobile

[ariellevate]

Hi!
I am editing this site: http://new.stephaniemintz.com/ On the front page there is a sction called therapy needs.
And I need the section therapy needs and the two columns with the classic icon list to be aligned next to each other on mobile. I tried adding this to the custom CSS with no luck:

@media (max-width: 975px){
#therapyneeds .x-column {
float: left !important;
width: 50%!important;
margin-right: 0 !important;
}
}

What can I do here to have them sit next to each other on mobile?

[jade]

Hi Anne,

The code you have added should work. You just need to remove the hash sign in the id that you set to the section.

Hope this helps.