Text caption too narrow // CSS Help!

Site URL: https://Natalieperez.com

I'm using the york template and have been able to upload and use my own font. I cannot figure how to adjust the text captions to be wider. See image for my issue. Ideally it'd be at least comparable to the images but also auto-adjust for mobile mode.

If someone could help nudge me in the right direction, that'd be super nice!!

Website Pass - NATTYISCOOL

I am also having an issue with changing the mobile menu font to my custom font...

#1. Which page are you referring to?

#2. Add to Design > Custom CSS

div#overlayNav * {
    font-family: Natty Chunky !important;
}