Как убрать отступ в сверху (Bootstrap)?

Question

[TaskynYertay]

Практикую верстку с помощью Bootstrap, создал 2 колонки, но у второго отступ сверху, как его убрать?

<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>

Стили:
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

[AlexMold]

напиши
h1{
line-height: 54px;
}
так как font-size у h1 54px, а body задает отступ 1.6em, 54px*1.6=86,4px
вот откуда ваш отступ

Answer 2

[Андрей Румм]

.header h1 {
  margin-top: 0;
  line-height: 20px;
}

line-height придется подобрать под высоту логотипа.

Answer 3

[Dmitry Bay]

это отступ не у div а у h1!