body {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	margin: 2em;
	font-size: 1em;
	font-weight: normal;
}
.ctr {
	text-align: center;
	font-size: 1em;
}
.logo img {max-width: 100%; height: auto; }
.bold {
	font-weight: bold;
	font-size: 1em;

}
.bullet li {margin-top: 1em;}

div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover { border: 1px solid #777;  }

div.gallery img { width: 100%; height: auto;}

div.desc { padding: .5em; text-align: center;}

* { box-sizing: border-box;}

.responsive { padding: 0 .5em; float: left; width: 24.99999%;}

@media screen and (max-width: 700px) {
  .responsive {  width: 49.99999%;  margin: .5em 0;}
  .logo img {width: 100%; height: auto; }
}

@media screen and (max-width: 500px) {
  .responsive {  width: 100%;}
    .logo img {width: 100%; height: auto; }
	 body { margin: 1em; font-size: 1.5em;}
}

.clearfix:after {
  content: ""; display: table; clear: both;
}