Tamaño de titulo en banner.

Hola, tengo un problema con el titulo. Pongo los códigos que tengo y la imagen de como me quedo en la pagina.

 <section class="banner">
     <img class="banner__imagen" src="assets/img/banner.jpg" alt="banner">
     <h2 class="banner__titulo">Reaproveche mejor los alimentos</h2>
 </section>

.banner__imagen{ height: calc(100vh - 72px); width: 100%; }

.banner__titulo{ color: #fdfdfd; font-family: Pacifico, cursive; font-size: 5.0625rem; position: absolute; left: 50%; text-align: center; top: 50%; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75); width: 100%; transform: translate(-50% -50%); }