body{padding:0px;margin:0px;font-family:Open Sans,Arial, Helvetica, sans-serif;font-size:14px;background-image:url(img/sos.png);}
/**/



.l1{cursor:pointer;color:#013243;font-weight:700;}

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

#bar1{width:100%;background-color:#3498DB;}
#bar2{width:100%;padding-top:5px;padding-bottom:5px;background-color:#6BB9F0;}

.boxy{background-color:#fffff4;margin:auto;padding:15px; border:2px solid grey;border-radius:5px; width:90%;box-sizing: border-box;margin-bottom:5px;}

.boxy:hover{background-color:#efefef;}

.linky{color:blue;font-weight:700;}

.title1{font-size:20px;}

#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}
#promo{margin-bottom:5px;text-align:center;}
h1 {   color:#39F;font-size:28px; padding:15px;width:90%;margin:auto;}

#allContent{border: 1px solid grey;width:800px;background-color:white;margin:auto;min-height:400px; padding:10px;margin-bottom:50px;margin-top:20px;}

.samples{border: 1px solid grey;width:90%;margin:2%;padding:2%;background-color:#FFF9E1;}

#promo2{text-align:center;margin:auto;}

@media screen  and (max-width:820px){
#bannerb{width:100%;}
#bannerb img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}
#promo2 img{text-align:center;margin:auto;width:90%;}
}


@media screen  and (max-width:600px){
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}
}

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

	#banner img{width:100%;height:auto;}
}