html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

#viewer { z-index:1; position:absolute; width: 90%; height: 100%; max-width:1140px; max-height:600px; margin-bottom:50px; }

#preloadContainer { z-index:2; position:relative; width:100%; height:100%; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s;}

#preloadError { visibility: hidden; z-index:3; position:absolute; bottom: 10%; width: 100%; text-align: center; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s;}
 

#container_vr { min-height:600px; display:block;}
#container_vr::after {clear:both}


@media (max-width: 480px) {
     
#viewer { max-height:400px;}
   
   

   
   
}