I have grabbed some code from the template and used it align some items instead of using Tables.
In desktop mode everything looks fine but in mobile mode, the tops of the items have a bold black mark similar to those used when using the <h2> tag.
If you look at:
http://www.worktopscheltenham.co.uk/index.phpThen look at the text headers that begin with Expert Advice and Family Run Business, the two columns look fine but on a mobile, they have big black header marks and I don't know what is generating them based upon the <div> attributes I've used.
I know I've grabbed code from another section of the template, and used it most probably incorrectly, but as I don't know how to use the DIV tags to create the responsive version of what tables did, I have had to use what I can...