body {
    text-align: center;
 }
 
 .webgl-content {
   width:100%;
   height: 500px;
   position: relative;
 }
 
 .centered {
   width:100%;
   height: 500px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
 }
 
 #unity-container {
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
  z-index: -1;
 }

 canvas{
   width:100%;
   max-height: 500px;
 }
 
 .loader {
    background-color: white;
 }
 
 .loader .progressbar {
    background-color: white;
    border: 2px #004A97 solid;
    border-radius: 5px;
 
    position: absolute;
    width: 25%;
    height: 20px;
 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
 }
 
 .loader .fill {
    background-color: #004A97;
    border-radius: 1px;
    height: 100%;
 }

 .footer {
    margin-top: -40px;
    margin-right: 12px;
    height: 38px;
    line-height: 38px;
    z-index: 2;
}

.footer .fullscreen {
    height: 100%;
    background: transparent center no-repeat;
    background-image: url('../img/icon-fullscreen.png');
    width: 38px;
    float: right;
}