Темно прозрачное меню сайта с эффектом

<!-- start header -->  
  <header id="head">  
  <div class="container">  
  <nav id="menu">  
   
  <input type="checkbox" id="toggle-nav"/>  
  <label id="toggle-nav-label" for="toggle-nav"><i class="icon-reorder"></i></label>  
   
  <div class="box">  
  <ul>  
  <li><a href="#"><i class="icon-home"></i> главная</a></li>  
  <li><a href="#"><i class="icon-file-alt"></i> о нас</a></li>  
  <li><a href="#"><i class="icon-copy"></i> вакансии</a></li>  
  <li><a href="#"><i class="icon-envelope"></i> контакты</a></li>  
  </ul>  
  </div>  
   
  </nav>  
  </div>  
  </header>  
  <!-- end header -->  
   
  <!-- start content -->  
  <section id="content">  
  <div class="container">  
  <h1>Заголовок</h1>  
  <p>  
  Здесь описание  
  </p>  
  <p> Второй абзац описание</p>  
  </div>  
  </section>  
  <!-- end content -->