html, body {
	padding: 0;
	margin:0;
	} 


  body { padding: 1ex;
	max-width:800px;
	margin: auto;
	font-family: Lato, Arial, Sans-Serif;
	}


  h2 {font-size: 1.2em}
  ul li {margin:1ex}
  ul li b {color: #17539d;  }

  .banner {
 	float:left;
	display: block;
	width: 100%;
	}

  section {float:left;  padding: 1ex 1em 1em 1em;}
  section.gray {margin-left: 0; background-color: #f4f4f4 }
  section h2 {margin-top:0}
  .smallImage { display: block; width:45%; float:left; margin-right: 0px }
  .smallSVG { display: block; width:40%; float:left; margin-right: 15px }

  footer { border-top: solid 1px #d3d2d0; float:left;clear:both; margin:auto;width:100%; padding:1ex 0 2em 0;  text-align:center }
  footer a {color: gray;}
  address { font-style: normal; font-size: 80%;} 

  .noscreen { display:none}




@media screen and (max-width: 800px) {
  .smallImage { clear:both; width:100%; margin:0 10px 15px 0 }
   .smallSVG { clear:both; width:300px;  margin: 0 0 0 3em    }
   .smallSVG + ul {float:left;}
  }

@media print {
  .noprint, .banner  { display:none}
  .noscreen { display: block; font-weight: bold;}
}