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'); 
	 
    }
#promo{text-align:center;}
#mylogo img{width:100%;}

.boxo{font-family: 'Open Sans', sans-serif;width:500px;border:2px solid grey;padding:5px;margin-top:5px;margin-bottom:5px;min-height:110px;cursor:pointer;font-size:25px;}

.boxo img{float:right;padding:3px;}

.boxo:hover{background-color:#f3f1ef;}


.p1{}
.p2{width:460px;}

.fbb{float:right;width:30px;position:absolute;right:4px;top:5px;}
.fbb img{width:100%; }

.option{position:relative;padding:9px;border:1px solid grey;max-width:500px;margin-bottom:2px;border-radius:3px;background-color:white;cursor:pointer;}
.option:hover{background-color:#f3f1ef;}

.q{font-weight:bold;;font-size::20px;}

.wrp{float:right;max-width:50%;margin-left:15px;}

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

#allContent2{font-family: 'Open Sans', sans-serif;width:970px;margin:auto;background-color:#fffffc;padding:10px;word-wrap: break-word;padding-left:30px; }

#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;position:relative;}

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

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

.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;}
#allContent2{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:710px) {

.viddy{position:relative;width:100%;height:auto;padding-bottom: 56.25%;}
.viddy iframe,
.viddy object,
.viddy embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

@media screen and (max-width:735px) {
#allContent 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%;}
.wrp{float:none;max-width:100%;margin:auto;}
}


@media screen and (max-width:590px) {
.boxo{font-family: 'Open Sans', sans-serif;width:90%;border:2px solid grey;padding:5px;margin-top:5px;margin-bottom:5px;min-height:110px;cursor:pointer;font-size:25px;}
}

@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:500px) {
.boxo{font-size:20px;}
}

@media screen and (max-width:465px) {
.p1{width:100%;}
.p2{width:100%;}
}

@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:400px) {
.boxo{font-size:18px;}
.boxo img{width:40%}
}

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