Responsive Design

Site URL: http://www.ballinagroup.com/our-work

We recently noticed that our site on a tablet screen size doesn't resize the text boxes so they float under each other. The responsive design works fine for phone screens but I can't get it to work for tablet screens. I've tried a few different CSS codes to make this work and nothing has so far.

Attached are 3 screen shots of desktop mode, tablet mode, and phone mode when I'm in editing so you can see what it looks like. If anyone can help that would be great.

Add to Home > Design > Custom CSS

/* text responsive on tablet */
@media screen and (min-width:768px) and (max-width:991px) {
div#page-5b9a941cb8a045cb6ca5f6e6 .span-12>.row:nth-child(3) .span-2 {
    width: 33.33%;
}
div#page-5b9a941cb8a045cb6ca5f6e6 .span-12>.row:nth-child(3) .span-10 {
    width: 66.67%;
}
div#page-5b9a941cb8a045cb6ca5f6e6 .span-12>.row:nth-child(3) .span-10 .span-2 {
    width: 50%;
}
}

THANK YOU!