Reply To: How to make the banner page title smaller on mobile devices?

Okay thanks that worked for the mobile but then my banner padding became smaller on the desktop version. Here is the code I had prior to adding the new you code.

CODE PRIOR:

body .title-size-small {
padding-top: 200px;
padding-bottom: 200px;
}

THEN WHEN I ADDED YOUR CODE TOO LIKE THIS:

body .title-size-small {
padding-top: 200px;
padding-bottom: 200px;
}

body .page-title.color-scheme-light .entry-title {
font-size: 20px;
}

IT MESSED THE BANNER PADDING UP.. what part of the css do I need to change to keep the same padding height while being able to make the page title font size smaller for mobile version?