content broken in slideshows

Hello-
I’m trying to create a few responsive sliders with layerslider. I understand you don’t do custom support for the 3rd party plugins, but they won’t help me since I purchased through you. I’m not trying anything crazy here, so hopefully you can help me out.

I’m creating two slide shows per page. Here is a screenshot: http://newsite.insightpd.com/wp-content/uploads/Pharma14.jpg

And here is the page: http://newsite.insightpd.com/expertise/medical/

I’m using custom CSS in my child theme for the two slideshows, but nothing complicated. Just colors, font size (which may be my responsive issue?) and hr rules. The main issue is I can’t get either slideshow text to wrap within the 1030px limit set. The copy just runs off the page.

My first slide show [layerslider id=”10″] should be up top and has a red background color of 1030 px, with a title and small hr then a paragraph. It won’t center within my max width and it completely disappears (except for the nav bullets) when shrunk down enough.

The second slide show [layerslider id=”9″] is a simple quote with a gray background and includes the quote, center aligned, then the person who said it after a line break. This one the text will not go center no matter what I do and also won’t wrap. I’ve tried full screen, not full screen, css in the slides, css just around the slider itself, everything.. Also, the text is unreadable at a certain point of shrinking..

Any help would be GREATLY appreciated!! Or maybe there’s another simple slider you could recommend? I know layerslider is pretty robust..

Thanks