body,html 
	{
		height: 100%;
		margin: 0;
	}
#home
	{
		display:none;
		height:12vh;	
	}
#logo
	{
		height:12vh;	
	}
#background 
	{	
		
		background-size: 100% 100%;	
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		overflow: hidden;		
	}
#outerDiv
	{
		display:none;
	}
#ButtonDiv
	{
		display:none;
		bottom:0;
		position:fixed;
		
	}
.spanclass1
	{
		color:white;
		text-align: center;
		font-size: 4vw;
		cursor:pointer;
	}
.spanclass2
	{
		color:white;
		text-align: center;
		font-size: 4vw;
		cursor:pointer;
		background-color:#0097A7;
		margin-bottom:2vh;
	}
#playImage
	{
		bottom:0vh;
		position:fixed;
	}
#sound
	{
		margin-top:100%;
	}
#suffixDiv
	{
		margin-top:50%;
		text-align: center;
		background-color:#FFD54F;
	}
#suffixValue
	{
		color:black;
		font-size: 6vw;	
	}

#correctDiv
	{
		display:none;
		bottom:0;
		position:fixed;
		
	}
.nopadding
	{
		padding:0 !important;
	
	}	
#img1
	{
		margin-left:20vh;
		
	}
#tom
	{
		z-index:1;
	}
#nextBtn
	{
		margin-top:50%;
	}

#resultId
	{
		display:none;
		text-align: center;
	}
.rspan,p
	{
		color:white;
		font-size: 2vw;
	}
#finishBtn
	{
		margin-top:7vh;
		height:6vw;
	}
	
#The_End
	{
		font-size: 6vw;
		color:white;
	}
.rspan
	{
		color:yellow;
		font-size: 4vw;
	}