Горе стихии

Question

Прошло много времени с тех пор, как я увлекся веб-разработкой и недавно снова поднял ее. Я прошу прощения, если я смогу решить это самостоятельно. Во всяком случае, я создаю веб-сайт для клиента. Я набрал код для заголовка и сделал его отзывчивым. Все выглядело великолепно. Теперь, когда я все проверяю, прежде чем начать тестирование сайта, lo go исчезло. Полностью исчез. Имейте в виду, я не касался его кодирования с тех пор, как впервые набрал его. Я попытался изменить расположение элемента div, чтобы он снова стал видимым и НИЧЕГО! Я попытался изменить z-index. НИЧЕГО! Я вычистил кеш. НИЧЕГО! Я в конце моей веревки. В моей кодировке нет ошибок. Тем более, что раньше это работало. Может кто-нибудь мне помочь? Заранее спасибо.

.logo {
  background-image: url("../Images/logo.png");
  background-repeat: no-repeat;
  background-size: 170px;
  text-align: center;
  margin-left: 3%;
  width: 120%;
  height: 30%;
}

.home-header {
  display: contents;
  top: 5px;
  width: 100%;
  height: 80%;
  z-index: 1;
}

<header class="home-header">
  <div class="logo"><a href="index.html"><span></span></a></div>
  <nav role="navigation" style="position: fixed;">
    <div id="menuToggle">
      <input type="checkbox" id="hamburger" />
      <span></span>
      <span></span>
      <span></span>
      <ul id="menu">
        <li><a href="index.html">HOME</a></li>
        <li><a href="PORTFOLIO.html">PORTFOLIO</a></li>
        <li><a href="ABOUT ME.html">ABOUT ME</a></li>
        <li><a href="PACKAGES.html">PACKAGES</a></li>
        <li><a href="CONTACT ME.html">CONTACT AND BOOKING</a></li>
        <div class="header-soc-media-links">
          <div class="fb-2">
            <a href="https://www.facebook.com/L.PProductions.Photo101/"><img width="26px" height="26px" src="Images/Facebook-link-Icon-coal.png"></a>
          </div>
          <div class="ig-2">
            <a href="https://www.instagram.com/lamarplaterimages/"><img width="25px" height="25px" src="Images/Instagram-link-Icon-coal.png"></a>
          </div>
        </div>
      </ul>
    </div>
  </nav>
</header>