html, body {
       height: 100%;
       padding:0;
       margin:0;
   }
   .page{
      /* border: solid 3px green; */

       
       height: 100%;
       width: 100%;
       position: absolute;
       left:0;
       top:0; 
       
       display: flex;
       flex-direction: column;

   }
   div.page-header {
       /* border: solid 1px black; 
       height:65px;  */

       padding-left:10px;
       margin:0px;
   }

   div.page-content {
       /*border:dotted 2px blue; */
       flex-grow: 1;
   }
   div.descr {
       /*border: solid 1px black;*/
       float: right;
       width: 350px;
   }
   div.scene {
     /*  background: #e3e8cc;
         border:dotted 2px blue;  */
       position:absolute; 
       top:85px;
       bottom:90px;
       left:0px;
       right:350px; 

   }
   div.x3d-content {
       /*border:dotted 2px red;*/
       position:relative; 
       top:0px;
       left:0px;
       width:100%;
       height:100% 
   } 

   div.page-footer {
     /*  border: solid 1px black;  */
       padding-left:10px;

   }
   h1 {
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }
   button#trigger-overlay{
       position: absolute;
       bottom:0px;
       right: 0px;
   }