body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align: center; background:#fff; }
h1{ font-size:30px; text-align: center; }
h2{ font-size:24px; text-align: center; }
img{ margin: 10px 5px 10px 5px; }
#page { margin: 5px auto; width: expression((document.body.clientWidth > 720)? "720px" : "auto"); max-width: 700px; }
#header { background: #ccc; padding: 5px; }
#content-container { float: left; text-align: left; width: 100%; background: #FFF; }
#content { clear: left; float: left; width: 75%; padding: 10px 0; margin: 0 0 0 10px; display: inline; }
#aside { float: right; text-align: center; width: 20%; padding: 10px 0; margin: 0 10px 0 0; display: inline; }
#footer { clear: left; background: #ccc; text-align: center; padding: 20px; height: 1%; }
.caption { text-align:center; font-style: italic; margin:4px 0 10px 0; }
.btn-link { font-weight:bold; color:blue;}
.sample-screen { display: block; margin-left: auto; margin-right: auto; margin-bottom:4px; }

@media only screen and (max-width: 667px) {
  body{ font-size: 14px; }
  #aside { display: none; }
  h1{ font-size:24px; text-align: center; }
  h2{ font-size:18px; text-align: center; }
  .sample-screen { max-width: 70%; }
}