.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con 
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}

html
{
	height : 100%;
	overflow : hidden;
}

body
{
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
	/* background-size:cover; */
	/* overflow-y : hidden; */
}

.noPadding
{
	padding :0 !important;
}


#playGame
{
	position:fixed;
	bottom:0;
}

#bhaluDiv
{
	z-index: 1;
}
.marginClass
{
	margin-top : -8%;
}

#homeDiv,#logoDiv
{
	 margin-top:1%;
}

.helpDivClass
{
	margin-top:6%;
}

.nextDivClass
{
	margin-top : -10%;
}

.wordsClass
{
	margin-left:7%;
	display:inline-block;
}

#bhalu
{
	height:75vh;
}
#mainDiv1
{
	bottom:60vh;
    position: fixed;
}
#mainDiv2
{
	bottom:35vh;
    position: fixed;
}

.letterClass
{
	position:relative;
	font-size:3vw;
    text-align: center;
}

#todaysWordsDiv
{
	border : solid 2px black;
	border-radius : 10px;
	display:none;
}

.todaysWords
{
	font-size : 13vw;
	text-align:center;
}

.redClass
{
	color:red;
}

.blink_me 
{
	animation: blinker 1s linear infinite;
}
@keyframes blinker 
{  
	50% { opacity: 0.7;
	background-color : yellow;
	}
}

/*
@media screen  and (min-device-width :500px) and (max-device-width :600px) 
{

	 .mainDiv1
	{
		margin-top :23%;
	}

	.mainDiv2
	{
		margin-top :9%;
	}
	.letterClass
	{
		position:relative;
		font-size: 1em;
		text-align: center;
	}
	 
	
}

@media screen  and (min-device-width :600px) and (max-device-width :800px) 
{
 	.letterClass
	{
		position:relative;
		font-size: 1.5em;
		text-align: center;
	} 
	.todaysWords
	{
		font-size : 13vw;
		margin : 6%;
	}

	 .mainDiv1
	{
		margin-top : 20%;
	}

	.mainDiv2
	{
		margin-top : 7%;
	} 

}
@media screen  and (min-device-width :810px) and (max-device-width :900px) 
{
	.letterClass
	{
		position:relative;
		font-size: 1.7em;
		text-align: center;
	} 
	.todaysWords
	{
		font-size : 13vw;
		margin : 6%;
	}

	.mainDiv1
	{
		margin-top : 10%;
	}

	.mainDiv2
	{
		margin-top : 9%;
	}
	
}@media screen  and (min-device-width :1000px) and (max-device-width :1100px) 
{
 	.letterClass
	{
		position:relative;
		font-size: 1.7em;
		text-align: center;
	} 
	.todaysWords
	{
		font-size : 13vw;
		margin : 6%;
	}

	.mainDiv1
	{
		margin-top : 30%;
	}

}
@media screen  and (device-height :375px) and (device-width :812px) 
{
	 .mainDiv1
	{
		margin-top :6%;
	}
	.mainDiv2
	{
		margin-top :9%;
	}
}

@media screen  and (min-device-width :1300px) and (max-device-width :1400px) 
{
	 .letterClass
	{
		position:relative;
		font-size: -webkit-xxx-large;
		text-align: center;
	}
	 

}

@media screen  and (min-device-height :600px) and (max-device-height :700px) 
{

	.mainDiv1
	{
		margin-top : 8%;
	}

	.mainDiv2
	{
		margin-top :8%;
	}

}

@media (min-device-height :800px)  and (max-device-height :900px)
{
 	.letterClass
	{
		position:relative;
		font-size: -webkit-xxx-large;
		text-align: center;
	} 
	.mainDiv1
	{
		margin-top : 20%;
	}
	.mainDiv2
	{
		margin-top :15.5%;
	}
}
@media (min-device-height :950px)  and (max-device-height :2000px)
{
	.mainDiv1
	{
		margin-top : 31%;
	}

	.mainDiv2
	{
		margin-top :15.5%;
	}

}
*/