body {
    /* min-width: 1366px; */
    /* min-height: 864px; */
    margin: 0;
    height: 100%;
/*    height: auto;*/
  }
  div[role="main"] {
      /* background-image: url('webSplashScreen.png');
      background-repeat: no-repeat;
      background-position: 50% 10%;*/
      margin: 0;

  }
  #bg {
/* this works but is low rez width: 100%;*/
      /* the following combination works on screens that have the same aspect ration as the img, eg 1366x864 */
height: 100%;
  width: auto;
  position: absolute;

  }
  span {
font-family: Arial, sans-serif;
color: #939393;
font-size: 10em;
margin: 0 auto;
position: relative;
top: 4em;
left: 30%;
  }