<header id="header">
  
  
  <!--<div class="bg"></div>-->
  
  <div id="logo" class="jumbotron" data-parallax="scroll" data-position="center" data-natural-height="1080" data-natural-width="1920" data-image-src="/img/headerpic2.jpg">
  
   <div  class="logo-container" style="text-align: center;">
      <img class="logopic" src="/img/logo-clam.png">
    </div>
    <h2 id="when" class="subtitle">
      <span>Del 13 al 17 de Septiembre 2021 </span><span style="color:#00b1d7">/</span> Evento Virtual - Montevideo, Uruguay
    </h2>
  </div>
 
  

</header>
<nav class="navbar navbar-inverse " id="menubar">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menucollapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand visible-xs" href="#">Clam2021 Menu</a>
    </div>
    <div class="navbar-collapse collapse" id="menucollapse">
      <div class="container">
        <ul class="nav navbar-nav" id="menu">

          <li id="home"><a href="/"><i class="glyphicon glyphicon-home"></i></a></li>          
          <li id="comites"><a href="/comites">Comités</a></li>
          <li id="program"><a href="/calendario">Calendario</a></li>
          <li id="conferencias"><a href="/conferencias">Conferencias</a></li>
          <li id="sesiones"><a href="/sesiones">Sesiones</a></li>
          <li id="registration"><a href="/registrarse">Registro</a></li>
          <li id="participants"><a href="/participantes">Participantes</a></li>
          <!--<li id="practicalinfo"><a href="informacion-practica">Información Práctica</a></li>-->
          <!--<li id="contacto" class="selected"><a href="contact">Contact</a></li>-->
        </ul>
      </div>
    </div>
  </div>
</nav>