how to get a division to be in centre of screen in responsive web page for screen of any size

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<div class="d-flex justify-content-center align-items-center bg-secondary w-100" style="height: 300px;">