body
{
    background-color:black;
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
    overflow:hidden;
}
  .fullscreenbgDiv {
    /* border: 5px outset red; */
    background-color:black;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    display: none
  }

  .bgImg {
    width:100%;
    height:100%;
  }

  /* Landscape Assets */
  #hillshire-logo-landscape {
    position:absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:300px;
    height:120px;
  }

  #qr-code-landscape {
    position:absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25vw;
    height: 25vw;
    max-height: 300px;
    max-width: 300px;
  }

  #bottom-txt-landscape {
    position:absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:600px;
    height:100px;
  }

  /* Portrait Assets */
  #hillshire-logo-portrait {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:700px;
    height:300px;
  }

  #start-experience {
    position:absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:800px;
    height:150px;
  }