body{margin:0px;padding:0px;background-image:url('sos.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;


}


@font-face {
    font-family: hedn;
    src: url('hedn.ttf'); 
	 
    }

img {
    pointer-events: none;
}
#promo{text-align:center;}

#allContent{width:1000px;margin:auto;background-color:#fffffc;padding:10px;}

#undertext{border-bottom:1px solid grey; font-size:26px;margin-left:30px;margin-right:30px;}

#mainText{font-family: 'Open Sans', sans-serif;margin-left:30px;margin-right:30px;}

.box1{background-color:#f7f7f7;padding:9px;height:120%;position:relative;}

.box2{background-color:#FAF9F4;padding:9px;}

.imHolder{width:300px;float:right;text-align:center;}

.btext{float:left;width:600px;}

.clearMe{float:none;clear:both;width:100%;height:1px;}

.capshun{background-color:#faf4d3;padding:3px;}















@media screen and (max-width:1040px) {

#allContent{width:90%;margin:auto;background-color:#fffffc;padding:10px;}

.btext{float:left;width:60%;}
}




@media screen and (max-width:940px) {
.imHolder{width:35%;}
.imHolder img{width:100%;}
}


@media screen and (max-width:700px) {
.imHolder{width:45%;}
.imHolder img{width:100%;}
.btext{float:left;width:55%;}
#mylogo{width:100%;}
#mylogo img{width:100%;}
}

@media screen and (max-width:575px) {
#undertext{margin-left:10px;margin-right:10px;}

#mainText{margin-left:10px;margin-right:10px;}
}



@media screen and (max-width:450px) {
 .imHolder{width:100%;margin-top:10px;}
.imHolder img{width:300px;margin:auto;}
.btext{float:left;width:100%;}
}


@media screen and (max-width:390px) {
 .imHolder{width:100%;}
.imHolder img{width:100%;margin:auto;}
 
}