Headline Rotator

Hello. I’m trying to make this responsive. On iPad portrait, this element overlaps the left side of the underlying background. So, my thought was to add some padding to the right side of the Rotator container. That worked, but now there is a line height issue with the Rotator text. How do I control the line height of the Rotator text?

Here is what I have.

/* Enfold Headline Rotator text on iPad portrait */
@media (min-width: 768px) and (max-width: 989px) {
.av-rotator-text {
font-size: 20px !important;
line-height: 1.1em !important;
}}

/* Enfold Headline Rotator container on iPad portrait */
@media (min-width: 768px) and (max-width: 989px) {
.av-rotator-container {
padding-right: 80px !important;
}}

Thank you,
Ryan