Кексби. Промежуточное испытание, 1 блок

Добрый день!
Уже второй день бьюсь с 1-м блоком промежуточного испытания, и уже даже кончились идеи в чем может быть дело.
Суть в том, что в образце 1-го блока текст начинается чуть ниже, чем получается у меня, из-за этого фактически плывет вся верстка.
Подскажите пожалуйста, куда смотреть, чтобы все это починилось)

Мой код 1-го блока

 <div class="page-header">

        <div class="header-top">

            <div class="header-logo">

                <img src="img/logo.png" alt="Кваст">

            </div>

            <ul class="main-nav">

           <li><a href="#">История</a></li>

           <li><a href="#">Производство</a></li>

           <li><a href="#">Ассортимент</a></li>

           <li><a href="#">Где купить</a></li>

       </ul>

        </div>

        <div class="promo">

            <p>Крафтовый квас<br>всему голова!</p>

    </div>

 </div>

Результаты сравнения