CSS changes to site, everything looks small?

Hi, I was focusing on some CSS changes for the mobile site for my domain which now looks AMAZING :smiley: (thanks very much for those CSS Codes last night in Livechat Adam they were perfect!

Now though when looking back at the site on a desktop / laptop computer web browser all the site content is appearing really small. I checked the zoom factor is currently set to 100% so something else must have affected it? Is it possible to fix without affecting the mobile site at all? i.e. only for screensizes over 480px ?

Seems to be one issue affecting all pages regarding the scale of text / buttons

Here is domain: http://tinyurl.com/ozqyopf
Support Access is open

here are a few screenshots showing how it used to be and how it should be changed too:

1) please ignore the red text on this page but see the scale of text on page - (Product page) - http://take.ms/HWLfZ
2) please ignore the red text on this page but see the scale of text on page - (Home Page) - http://take.ms/UcCip
3) please ignore the red text on this page but see the scale of text on page - (Product page) - http://take.ms/1pMan
4) Please ignore the issues with the site on this screencast as they have been resolved but for reference to see the scale of the text / content on page - http://take.ms/NCzVwg

and this is how its currently showing

(please see red text on these images for changes)

1) home page - http://take.ms/UpZ1g
2) Quick view product click - http://take.ms/9utHj
3) Product page - http://take.ms/MdF3i
4) basket page part 1 - http://take.ms/F4kib
5) basket page part 2 - http://take.ms/32KP5
6) Cart page - http://take.ms/YYY3x
7) checkout page (need to upload image to view this page) - http://take.ms/xv2sv
8) proceed to checkout page - http://take.ms/S2Mju
9) My Account page - http://take.ms/MuA4C

Thanks
Tom