Вертикальное выравнивание Bootstrap 4

Question

Я написал следующий код:

<div class="row">
    <div class="col-md-6 col-sm-12 independence">
        <div class="container d-flex h-100">
            <div class="row justify-content-center align-self-center">
                <div class="col-md-8 offset-md-2">
                    <h2 class="mat-h2">CALCULATE THE BEST STAKE</h2>
                    <h1 class="mat-display-1"><b>KELLY STAKING</b></h1>
                    <p>
                        Calculate your own stake below.
                    </p>
                    <button mat-raised-button color="primary">Primary</button>
                </div>
            </div>
        </div>
    </div>
</div>

Но центрирование текста в столбце, похоже, не работает, я пробовал методы, найденные в stackoverflow, но они тоже не работали.