body 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#coverPage,#gamePage{
	display:none;
}

#sentenceDiv
{
	word-wrap:normal;
}
.punctuation{
	color:rgb(24,56,132);
}

.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%;
}
#logoDiv,#homeDiv{
    margin-top: 1%;
}


#background{
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center;
		background-attachment:fixed;
}

.blink_me {
animation: blinker 0.5s linear infinite;
}
@keyframes blinker {  
50% { opacity: 0; }
}

#containment-wrapper
{
    height:100%;
    margin-top:0%;
}
.noPadding{
    padding:0px!important;
}
#playGameDiv {
   bottom:0px;
   position:fixed;
}
#sentenceDiv,.splitteredWord
{
	font-size:3vw;
	font-weight:bold;
}
.splitteredWord{
	z-index:5000;
}
#sentenceDiv{
	color:black;
}
.spaces{
	margin-left:2%;
	color:rgb(24,56,132);
}
.blankSpaces{
	border-bottom:3px solid black;
}
.sentences{
	margin-top:1%;
	margin-bottom:3%;
}
#jokerDiv{
	margin-top:-25%;
	z-index:50000;
}

@media screen  and (min-device-width :380px) and (max-device-width:500px){
	#sentence {
    font-size: 20px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:20px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size: 20px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:25px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}
}
@media screen and (max-device-width:680px)and (min-device-width:501px){
   
#sentence {
    font-size:25px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:25px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size: 25px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:30px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}
}
@media screen  and (min-width :681px) and (max-width:767px){
  
    #sentence {
    font-size:30px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:30px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size:30px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:35px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}

#playDiv{
    margin:12% 0% 0% 70%;
}
}
@media screen and (max-device-width:1024px)and (min-device-width:768px){
  
       #sentence {
    font-size:40px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:32px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size:32px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:37px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}
}


@media screen and (max-device-width:1279px)and (min-device-width:1025px){

#sentence {
    font-size:40px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:35px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size:35px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:40px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}

}
@media screen and (max-device-width:1535px)and (min-device-width:1280px){

    #sentence {
    font-size:55px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:45px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size:45px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:50px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}
#playDiv{
    margin:9% 0% 0% 70%;
}

}
@media screen and  (min-device-width:1536px){

    #sentence {
    font-size:60px;
    margin-top: 2%;
    color: green;
    word-wrap: break-word;
}
.letters0,.letters1,.letters2,.letters4,.letters3
{
    font-size:50px;
    /*margin-top:2%;*/
    margin-left:5%;
    border-bottom:2px solid black;
    font-weight: bolder;
    color:green;
   /* color:transparent;*/

}
.splitteredSentence
{
    font-size:50px;
    font-weight: bolder;
    color:rgb(24,56,132);
    z-index:50;
}
.ending{
    font-size:55px;
    margin-top:1%;
    margin-left:1%;
    height:35%;
    color:green;
}

}