带有导航栏的Animated.css

Question

请帮助。那是我的问题（请参见下面的屏幕截图）：

如您所见，导航栏位于图像下方。这是我的代码：

<div class="navwrapper">
  <header class="nav">
    <nav>
      <div class="menu-icon">
        <i class="fa fa-bars fa-2x"></i>
      </div>
      <div class="logo">
        <img class="d-none d-md-block d-none" src="logo.png" alt="">
      </div>
      <div class="menu">
        <ul>
          <li><a href="#">FŐOLDAL</a></li>
          <li><a href="#">RÓLUNK</a></li>
          <li><a href="#">RENDELÉS</a></li>
          <li><a href="#">KAPCSOLAT</a></li>
        </ul>
      </div>
    </nav>
  </header>
  <section class="bg">
    <section style="text-align:center;vertical-align:middle" class="sec1">
      <img class="animated bounceInDown" src="logo.png" alt="">
    </section>
  </section>
</div>