Как убрать отступы?
Если Вы используете bootstrap 4, то в разметке уже предусмотрены нулевые отступы, для этого вместе с классом .row используют класс .no-gutters
Пример:<div class="row no-gutters">
  <div class="col-12 col-md-8">.col-12  .col-md-8</div>
  <div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>
У тебя стили бутстраповские подтягиваются для класса .container-fluid. Задай ему padding нулевой.
Так же свои стили подключай после посторонних и не забывай о приоритетах. Напиши header .col-md-6 {...}