.intro_panel
{
  font-size:2.6vh;
}

#intro_bg
{
  position: absolute;
  background: url(../gltfs/roulette_table/Branding_Roulette.png);
  background-size: 180%;
  width: 103%;
  left: -2.5%;
  border-radius: 35%;
  height: 46%;
  top: 5%;
  border-style: none;
  background-position: 100% 65%;
}

#intro_logo
{
  position: absolute;
  width: 34vh;
  left: 0;
  right: 0;
  margin: auto;
  top: 21vh;
}

#STR_INTRO_TITLE
{
  margin-bottom: 33vh;
  line-height:2vh
}

#epic_win
{
  pointer-events: none;
  width: 55vh;
  height: 55vh;
  top: 10vh;
  left: 0;
  right: 0;
  margin: auto;
}

.epic_win 
{
  position: absolute;
  background: url(images/epic_win.png);
  background-size: 110vh;
  animation: growIn 0.6s;
}

.epic_win_hide
{
  animation: shrinkOut 0.6s
}

.fx_epic_win_icon_cell1
{  
  background-position: 0% 0%;
}

.fx_epic_win_icon_cell2
{
  background-position: 100% 0%;
}

.fx_epic_win_icon_cell3
{  
  background-position: 0% 100%;
}

.fx_epic_win_icon_cell4
{  
  background-position: 100% 100%;
}

#STR_BIGWIN
{
  font-size: 6vh;
  top: 40vh;
}


@media only screen and (max-aspect-ratio: 14 / 25), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (orientation: portrait)
{
  .intro_list 
  {
    line-height: 3.5vh;
    font-size: 2.3vh;
  }
}