body,html{
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: Montserrat;
    src: url('Montserrat-Medium.ttf'); 
	 
    }

#promo{margin-top:3px;margin-bottom:3px;text-align:center;}
#menuArea a:hover, a:visited, a:link, a:active{
    
	text-decoration: inherit;
}

#allActivity{clear:both;float:none;padding:10px;background-color:#fff;border-radius:5px; margin-top:30px;margin:auto;width:800px;
font-family:Montserrat,Arial;}




.box1{cursor:pointer;width:80%;padding:5px;margin-top:10px;border-radius:5px;background-color:#D2D7D3;font-size:20px;}
.box2{cursor:pointer;width:80%;padding:5px;margin-top:10px;border-radius:5px;background-color:#dadfe1;font-size:20px;}


.row{width:100%;}

.r1{float:left;width:32%;border-right:1px solid grey;padding-left:1%;}

.r2{float:left;width:32%;border-right:1px solid grey;padding-left:1%;}
 
.r3{float:left;width:32%;padding-left:1%;}

#ws{clear:both;float:none;width:100%;}
 

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

@media screen and (max-width:820px) {
#allActivity{width:98%;padding:1%;}
 .box1{cursor:pointer;width:90%;margin:auto;margin-top:10px;}
.box2{cursor:pointer;width:90%;margin:auto;margin-top:10px;}
}