Page Header Text Overlays

I have been hired to do do some updates to a client's website. They have some long pages names that when viewed on mobile the text wrapping overlays itself. I also have the same issue on the home page banner image. I don't see anywhere that I can indicate line height. Also the page title images are unnecessarily  tall and I don't see how I can indicate a specific height for the mobile banners. 

My client has the Bedford template

The headings are loading in with line-height values of 0em. Paste this into Custom CSS:

.desc-wrapper p{
line-height: 1.5em !important;
}