* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
}
html {
  font-size: 12pt;
  line-height: 1.4;
  font-weight: 400;
  font-family: 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif;
}
body {
  padding: 1em;
  margin: 0 auto;
  max-width: 800px;
}
code,
pre,
blockquote {
  padding: .2em;
  background: rgba(0,0,0,.1);
}
code,
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .5em 0;
  line-height: 1.2;
  letter-spacing: -.02em;
}
[class*=float-] {
  margin: 0 auto 1em auto;
  display: block;
  width: auto;
  max-width: 100%;
  clear: both;
}
@media (min-width: 600px) {
  h1 { font-size: 300%; margin-top: 1em; margin-bottom: 0.1em; }
  h2 { font-size: 200%; margin-top: 1em; margin-bottom: 0.1em; }
  h3 { font-size: 180%; margin-top: 1em; margin-bottom: 0.1em; }
  h4 { font-size: 160%; margin-top: 1em; margin-bottom: 0.1em; }
  h5 { font-size: 140%; margin-top: 1em; margin-bottom: 0.1em; }
  h6 { font-size: 120%; margin-top: 1em; margin-bottom: 0.1em; }
  [class*=float-] {
    max-width: 40%;
  }
  .float-left {
    float: left;
    margin: 0 1em .5em 0;
  }
  .float-right {
    float: right;
    margin: 0 0 .5em 1em;
  }
}

div {
  margin-top: 1em;
}

.q {
  font-weight: bold;
}

.a {
  margin-top: 0em;
  margin-bottom: 0em;
}

.responsive {
  width: 100%;
  max-width: 800px;
  height: auto;
}