html{
    height: 100%;
}
#blink{
    display:none;
}

#coverPage,#gamePage{
	display:none;
}

.noPadding{
	padding:0px !important;
}

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

.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;
}


.blink_me {
animation: blinker 1s linear infinite;
}
#title{
	font-size:4vw;
	font-weight:bold;
	color:white;
}


@keyframes blinker {  
50% { opacity: 0.5; }
}
#coverImg{
	padding:0px!important;
}

#outerbackDiv{
position:absolute; 
height:100%; width:100%;
z-index:0;
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: 100% 100%;
 filter:blur(3px);
 /*background-color: #464646;*/
 /*opacity:0.5;*/
}

#innerDiv{
position:absolute; 
height:100%; width:100%;
z-index:0;
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: 100% 100% ;
 background-color: #ffffff;
 opacity:0.6;
}
.storyNames{
    color:white;
    font-family: cursive;
    font-weight: bold;
    font-size:2.8vw;
	margin-top:-40%;
}

#storyName{
    font-size:3vw;
	font-weight:bold;
}
#home
{
    color:rgb(235,72,157);
}
/*.widgets
{
    width:100px;
    height: 100px;
}*/

/*#record,#playRecord,#volume
{
    margin-top:10%;
    height: 10%;
    cursor:pointer;
}*/
#background
{
    background-size:100% 100%;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;

}
#imageDiv
{
    margin-top: 6%;
    border:4px solid black;
    padding: 0px; !important

}

#image
{
    padding: 0px; !important
}
#sentenceDiv
{
    margin-top:9%;
}

.sentence{
        font-size: 2.5vw;
        color:black;
		font-weight:bold;
    }

#optionBar{
    position: fixed;
    bottom:0px;
}
@media screen  and (min-device-width :380px) and (max-device-width:500px){
	    
	.no-padding{
		padding:0px!important;
	}

#sentenceDiv {
    margin-top: 2%;
}
}
@media screen  and (min-device-width :501px) and (max-device-width:680px){
	
	.no-padding{
		padding:0px!important;
	}
	
	#sentenceDiv {
		margin-top: 2%;
	}
}
@media screen  and (min-device-width :681px) and (max-device-width:767px){
	
	.no-padding{
		padding:0px!important;
	}
	
	#sentenceDiv {
		margin-top: 2%;
	}
}
   
@media screen and (max-width:1024px)and (min-width:768px){

	.no-padding{
		padding:0px!important;
	}
	#sentenceDiv {
		margin-top:-1%;
	}
	
}
@media screen and (max-device-width:1279px)and (min-device-width:1025px){

	.no-padding{
		padding:0px!important;
	}
	#sentenceDiv {
		margin-top: 2%;
	}
}
@media screen and (max-device-width:1535px)and (min-device-width:1280px){

	.no-padding{
		padding:0px!important;
	}
	#coverImg{
		margin-top:5%;
	}
	#sentenceDiv {
		margin-top: 2%;
	}
}
@media screen and  (min-device-width:1536px){
	.no-padding{
		padding:0px!important;
	}
	#coverImg{
		margin-top:5%;
	}
	#sentenceDiv {
		margin-top: 2%;
	}
}