タイトルを画像の中央に配置する

ヘッダー画像の中央にタイトルとサブタイトルを表示したいのですがうまく表示できず、画像の下に表示されてしまいます。
ご教授宜しくお願いいたします。

html
1 <header class="header">
2        <div class="header__nav">
3            <div class="u-content-wrapper header__nav__wrapper">
4                <div class="header__nav__logo">Shiro</div>
5                <div class="hamburger-menu">
6                    <span class="hamburger-menu__line"></span>
7                </div>
8            </div>
9        </div>
10    </header>
11    
12    <div class="u-content-wrapper">
13        <h1 class="header__title">Shiro</h1>
14        <p class="header__title__sub">White flower shop</p>
15    </div>

css
1*, *::before, *::after {
2    box-sizing: border-box;
3}
4body {
5    margin: 0;
6    font-family: sans-serif;
7    font-size: 16px;
8    color: #2b2b2b;
9}
10
11h1, h2, h3, p {
12    margin: 0;
13    padding: 0;
14}
15
16a {
17    color: #2b2b2b;
18    text-decoration: none;
19}
20
21section {
22    text-align: center;
23}
24
25.u-content-wrapper {
26    max-width: 960px;
27    margin: 0 auto;
28}
29
30/*------------------------------------------------------
31 * header
32------------------------------------------------------*/
33.header {
34    position: relative;
35    width: 100%;
36    height: 620px;
37    background: url("../Web 1280 – 1/header.png");
38    background-size: cover;
39    text-align: center;
40    color: #fff;
41}
42
43.header__nav {
44    position: absolute;
45    top: 40px;
46    left: 0;
47    width: 100%;
48    height: 64px;
49}
50.header__nav__wrapper {
51    display: flex;
52    justify-content: space-between;
53    align-items: center;
54}
55
56.header__nav__logo {
57    font-size: 36px;
58}
59
60.header__title {
61    padding-top: 240px;
62    font-size: 120px;
63    font-weight: normal;
64    padding: 0;
65    text-align: center;
66    font-family: "hammersmith-one",sans-serif;
67   
68}
69
70.header__title__sub {
71    word-spacing: 4px;
72    text-align: center;
73}
74
75.header__title__sub::before,
76.header__title__sub::after {
77    content: '';
78    display: inline-block;
79    width: 12px;
80    height: 2px;
81    margin: 0 8px;
82    background: #fff;
83    vertical-align: middle;
84}
85