Horizontal and Vertical Center not working with iOS Safari?
<p>This is my first website I am making for a family friend. I have a series of images on this website (the spots tabs - ie baseball, football, softball etc) with an h1 text that I wanted to be centered vertically and horizontally.  It works on my mobile and browser.  But my brother told me it ends up not centering on his iphone 6 with safari.</p>

<p><a href="http://www.pennfamous.com/tp/" rel="nofollow">http://www.pennfamous.com/tp/</a></p>

<p>I am using the following css to center the h1:</p>

<pre><code>.h1format h1 {
    color: #FFFFFF; 
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size: 2em;
}
</code></pre>

<p>However, my brother told me on his iOS it ends up looking like this:</p>

<p><a href="http://prntscr.com/9pdqk0" rel="nofollow">http://prntscr.com/9pdqk0</a></p>

<p>Is there a simple fix for this?  Remember I am a novice.  Thank you</p>