body,html
{
	height:100%;
	margin:0;
	overflow:hidden;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}

#grainScreen1,#grainScreen2
{
    height: 100%;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	overflow-x:hidden;
}
.noPadding
{
	padding:0 !important;
}
#customerImgDivScreen1
{
	position:fixed;
	bottom:0;
}
#orderBoard,#orderBoardScreen3
{
	height:74%;
    background-repeat: no-repeat;
    background-position:0 5vh;
}
#customerImgDivScreen2
{
	position:fixed;
	left:0;
	bottom:0;
}
#footerScreen2,#startStopDiv
{
	position:fixed;
	bottom:0;
}
#container
{
	position:fixed;
	bottom:18vh;
}
#weight
{
	position:fixed;
	bottom:15vh;
}
#bagDiv
{
	position:fixed;
	bottom:36vh;
	z-index:2;
}
#pouringHand
{
	position:fixed;
	top:15vh;
	right:15vw;
	z-index:3;
}
.fontClass
{
	color:white;
	font-size:1.5vw;
	font-weight:bold;
	margin-top:2vh;
}
span
{
	display:block;
}
#order
{
	margin-top:10vh;
	margin-bottom:1vh;
}
#bagDivScreen3
{
	position:fixed;
	bottom:0;
	left:25vw;
}
#rateBoardDiv
{
	background-repeat:no-repeat;
	background-size: 100% 100%;
	margin-top:5vh;
}
#rateScreen3
{
	margin-top:5vh;
}
#customerImgDivScreen3
{
	position:fixed;
	bottom:0;
}
.ingredientsRows
{
	margin-top:3vh;
}
 td 
{
  padding:1vh 1vw 1vh 1vw;
}
#moneyToPay
{
	background-color:white;
	color:black;
	font-size:2vw;
	margin-top:20vh;
}
@keyframes fadeInRight {
  from {
    opacity: 1;
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
  animation-duration:2s;
}
