Trouble with center alignment on mobile

I have a site I'm working on 

I'm having issues with my H1s not displaying in the center on mobile and tablet.

It could be the font itself, but I'm not sure. Any ideas on how to center with CSS? Just mobile/tablet only.

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-fcd6d2e4ef56ff549916 h1 {
    text-align: center !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}