Font size on image gallery titles on mobile

Site URL: https://andreaengerphotography.com/

The gallery I have on my homepage has one word cutting off on mobile. Is there a way to force this font to be smaller on mobile?

I'd also like to make these titles read as an H1 header (right now they're H2) and force them to be a different font. 

Any help is much appreciated!

Thanks!
Andrea

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
h2.Index-gallery-item-content-heading {
    font-size: 20px !important;
}
}

Thank you @tuanphan! Any idea how to change the font?

font-family: monospace;