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



#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:25%;float:left;height:150px;}
.boxinner{border:2px solid grey;background-color:white;height:80%;padding:5%;width:80%;margin:auto;font-size:22px;color:#2e3131;cursor:pointer;}
.boxinner:hover{padding:4%;width:82%;background-color:#ffffef;}



#intropix{float:right;}
#intropix img{width:100px;}

#promo{text-align:center;}



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


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

}



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

.box{width:33%;}


}




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

.box{width:50%;}


}