Похоже, проблема с вашим
<div class="row no-gutters px-5 my-5">
<div class="col-10 offset-8">
<h2 class="text-warning h5 mr-5 pr-5">
Вы можете просто переименовать 2-й div в <div class="col-2 offset-8">
для получения аналогичного результата.
Это все еще оставляет несколько пикселей белого прокрутки, которые вызваны <div class="header">
Чтобы исправить это, добавьте следующее правило css:
.row.justify-content-center {
max-width: 100%;
}