html{padding:0px;margin:0px;
	background-image:url(bg.png);
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
	font-family:myFont,Arial, Helvetica, sans-serif;
	 -moz-user-select     : none;
 -khtml-user-select   : none;
 -webkit-user-select  : none;
 -o-user-select       : none;
 user-select          : none;
	
	
}
body{padding:0px;margin:0px;
    height:100% /* force the BODY element to match the height of the HTML element */
}


@font-face {
    font-family: myFont;
    src: url(dimbo.ttf);
}

#middleAll{
	height:100%;
	width:800px;
	margin:auto;
	background-color:white;
	opacity:.95;
}
.bl{color:black;}
.littleflag{margin-right:30px;margin-top:5px;background-color:#FFFF66;float:right;width:100px;}

#banner{margin:auto;width:800px;height:150px;}

#stage{
	height:400px;
	margin:auto;
	border:1px solid grey;
	background-color:white;
	
	}
	
#spacer1{height:10px;}
#cent{text-align:center;}
#spacer2{height:10px;}

#title1{text-align:center;width:90%;padding:5%;font-size:36px;color:#333333;}
#title3{text-align:center;width:90%;padding:5%;font-size:36px;color:#333333;}
#title2{text-align:center;width:90%;padding:5%;font-size:20px;}
#titlePix{margin:auto;width:320px;margin-top:40px;}


@media screen and (max-width:800px){
#middleAll{width:100%;}
#stage{width:100%;}
#banner{width:100%;height:auto;}
#banner img{width:100%;height:auto;}
}

@media screen and (max-width:500px){
.sm{font-size:25px !important;}
}

@media screen and (max-width:350px){
#titlePix{width:90%;margin:auto;}
#titlePix img{width:100%;margin:auto;}

}