index.css

  html,body{
    position: relative;
    height:100%;
    overflow: hidden;
  }

  video { 
    background: #000; 
    cursor:pointer; 

  }

  .alignleft {
    float: left;
    z-index: 5;
  }
  .alignright {
    float: right;
    padding-right: 15pt;
    z-index: 5;
  }
  .aligncenter {
    float: none;
    z-index: 5;
  }

  .row{
    height: calc(100% - 60px);
  }

  #map{
    position: relative;
    height:100%;
    z-index: 1;
    /*background-image: /*url('img/IfGI__logo.preview.jpg'),url('img/background-2.jpg');*/
    background-image: url('img/background-2.jpg');
    background-repeat: no-repeat;
    background-position: center; 
  }

  #map::after{
    content:"";
    background-image: url('img/IfGI__logo.preview.jpg');
    opacity: 0.3;
    position: absolute;
    z-index: -1;
  }

  #timeline{
    position: absolute;
    cursor: pointer;
    width:100%;
    height:60px;
    background: #707070;
    color: #CCC;
    line-height:40px;
    text-indent: 20px;
    z-index: 1;
  }

  #timeline span {
      pointer-events: none;
      display: block;
      position: absolute;
      top: 0;
      background-color: #00C;
      height: 60px;
      width: 2px;
      z-index: 1;
    }

  #thumb {
      display: block;
      pointer-events: none;
      position: absolute;
      visibility: hidden;
      background-color: #000;
      box-shadow: 0 0 5px rgba(0,0,0,0.5);
      z-index: 9;
  }

  .places {
    color:blue;
    text-decoration: underline;
    cursor: pointer;
  }

  .panel-heading{
    border-top-left-radius: inherit; 
    border-top-right-radius: inherit;
  }