el titulo no queda al medio

hice exactamente too igual pero el titulo nunca queda al medio no se que podria estar mal

.banner__titulo{

width: 100%;
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);
transform: translate(-50%-50%);

}

banner__imagen.css

.banner__imagen{

width: 100%;
height: calc(100vh - 72px);

}

            <img class="banner__imagen" src="../Atomic design/assets/img/banner.jpg" alt="imagen de banner">
            <h2 class="banner__titulo">Reaprobeche mejor los alimentos</h2>

        </section>

        <section class="sobre">

            <h2 class="sobre__titulo">Recetas para economizar y ganar salud</h2>

            <p class="sobre__descripcion">Nuestras recetas te ayudan a aprovechar mejor los alimentos, economizar, ganar tiempo y practicidad</p>

        </section>