2 Problems. 1. Need code to allow slider animation text to be smaller only on IOS/Mobile 2. Btn moves on Ipad

1. Slider Text is Too Big on Mobile devices
Hi, the homepage slider text looks good on desktop but the slider text appears too large on mobile. What CSS code do I add to my CSS page to make the slider text smaller only on mobile and ipad.


On Mobile the text is too big and wraps to next line.




2. The "Learn More" btn moves and covers the type on Ipad or when page is resized. How to Solve This?
On Ipad the "Learn More" Button does not stay positioned and covers the text on Ipad. I am using the fluid designer which I don't like as it doesn't allow objects to stay placed in the position you put them. How do I get the Button to not cover the text when the page is resized. It doesn't matter where I place the Button it still moves and makes the page look terrible. Any help is appreciated. Thanks.