Responsive Design Questions

Hello all I have been using 7.1.4 Shopperpress and RealtorPress for some time now and thought I would really look into moving to the new responsive themes.

With that said I have run into some design issues that I am not sure how to overcome and I am looking for some pointers on how to achieve what I have in 7.1.4 in the new responsive themes.

My current working RP 7.1.4 site is http://www.cantrellmorgan.com and it is working as we would like, simple and efficient (of course we could do better design wise and features but this site so far has just worked)

Now what I am trying to figure out on my test site (dev.garrettmapping.com) is the way that the responsive framework treats a few items and in my case simple static pages (ie my homepage and my other static pages that have tables in them) – Can anyone give me suggestions how I can property display a table so that in the mobile version the site doesn’t look like it does now (see dev.garrettmapping.com and https://dev.garrettmapping.com/chris-morgan-ceo/ on a mobile device). In otherwords how do I create a table like in my homepage to be “responsive”?

Second and more easily corrected but I have not found yet in this new framework is to get my menu to look like my working menu on http://www.cantrellmorgan.com, i.e. on a single line and equally spaced. Sean was kind enough to point me in the right direction a year or so ago to get it working on my 7.1.4 site but I have not been able to get it correct in the responsive framework with CSS tweaks.

Also when I finally get this menu in one row I am unsure what it will look like on mobile devices.

Thanks for any suggestions