How to remove padding at the top (Bootstrap)?

Question

css

I practice layout using Bootstrap, I created 2 columns, but the second one has an indent from above, how to remove it?

<header>
    <div class="container-fluid">
      
      <div class="row">
        <div class="col-md-1">
          <img src="img/logo.png" height="101" width="141" alt="logo">
        </div>
        <div class="col-md-4 header">
          <h1><span style="color: #5095c2;">Лучшие прогнозы</span> 
          от лучших прогнозистов</h1>
        </div>
      </div>
    </div>
  </header>

Styles:
body {
font-family: sans-serif;
font-size: 16px;
min-width: 320px
position: relative;
line-height: 1.6;
font-family: "RobotoRegular", sans-serif;
overflow-x: hidden;
padding: 72px 40px 52px;
}
header{
position: relative;
}
header .col-md-4 h1{
font-size: 54px;
font-weight: bold;
}

Answer 1

write
h1{
line-height: 54px;
}
since h1's font-size is 54px and body sets its padding to 1.6em, 54px*1.6=86.4px
that's where your padding comes from

Answer 2

this is not the indent of the div but of the h1!