Simple bootstrap responsive video embed into middle div

<div class="container py-5">
<div class="row py-5">
<div class="col-12 text-center">
<h2 class="mb-4 h1 font-weight-bold">Super clean user interface for easier use.</h2>
<p class="mb-5 text-muted">Lost the plot cracking goal give us a bell is bog horse play
knackered lemon squeezy, cup of char cack bleeder matie
boy he lost his bottle. Our design projects are fresh and simple and will benefit your
business greatly.</p>
<div class="mb-5">
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>
</div>

<div class="">
<a href="" class="btn btn-danger btn-lg">
CALL TO ACTION
</a>
</div>
</div>
</div>
</div>

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body {
    font-family: 'Roboto', sans-serif;
}
.btn {
    padding: 14px 26px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn-danger {
    background-color: #e34c43;
    border-color: #e34c43;
}