CSS style sheets for desktop and iOS devices (iPad, iPhone)

I am using three style sheets to produce text of different sizes and font faces on different devices. I am using the "media=" method to detect different platforms at the moment (see example below), but the results are mixed. I am happy with them on the desktop (browser) styles, but on the various range of iOS devices, there are some issues. I need someone to convert my [login to view URL] style sheets such that the text on iOS devices (iPhone, iPad2, iPad4 retina - in portrait and landscape) fits into the table layout on iOS devices (and other tablets should follow). Because of the confined website layout, the amount of text has been tuned so that it should fit when rendered in iOS (portable devices). Obviously this is because we still need the text to be readable on small devices. Your work will be to recommend a new css linking method (if needed) and to overhaul the [login to view URL] and [login to view URL] files such that the text renders correctly on those portable devices. I want the bid detail to be as comprehensive, so hold your bid until such time as I've answered all your questions. The main styles sheet is attached. As you can see, it's pretty short. Any questions?