body,html{margin:0px;padding:0px;background-image:url(sos.png);font-family:Verdana, Geneva, sans-serif;}



a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}



#area1{width:840px;padding:20px;background-color:#fffffe;margin:auto;}
.intro{margin-bottom:9px;}
.intro2{padding-left:20px;padding-right:20px;}



#area2{width:840px;background-color:#fffffe;margin:auto;margin-top:20px;}
.box{width:50%;float:left;height:60px;margin-bottom:50px;}
.boxinner{border:2px solid grey;background-color:white;height:80%;padding:5%;width:80%;margin:auto;font-size:20px;color:#2e3131;cursor:pointer;}
.boxinner:hover{padding:4%;width:82%;background-color:#ffffef;}


#promo{margin-top:3px;margin-bottom:3px;text-align:center;}

 
.resdevad { width: 320px; height: 50px; }
@media(min-width: 500px) { .resdevad { width: 468px; height: 60px; } }
@media(min-width: 800px) { .resdevad { width: 728px; height: 90px; } }
 



.bb{font-size:22px;height:100%;float:left;width:40px;}

#footspace{width:100%;height:40px;clear:both;float:none;}


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


#area1{width:96%;padding:2%;}
#area2{width:100%;}

}



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

.boxinner{font-size:17px;}
.bb{font-size:20px;width:36px;}

}




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

.box{width:100%;height:40px;margin-bottom:30px;}


}