body { font-family: Arial, Helvetica, sans-serif}

@media (min-width: 410px) {
  div#content {width: 80%; margin-left: auto; margin-right: auto}
}
@media (min-width: 810px) {
  div#content {width: 800px; margin-left: auto; margin-right: auto}
  body { background: #ddd}
  h1,h2 { color: #e90}
  canvas { width: 85%;
    background: white;
margin: 26px auto;
  border-radius: 5px;
}
  section {
    background: #f4f4f4;
    border: 1px solid #CCC;
    width: 790px;
    padding: 10px 30px;
    margin: 10px auto;
  border-radius: 5px;

}
div#content { margin-top: 10px; margin-bottom: 10px}

fieldset div { margin: 15px}
label, input { display:block}
label a { font-size: x-small}
label.disabled { color: #ddd}
textarea {
    width: 80%; height: 150px;
}
div { margin: 10px 0}
a {text-decoration: underline}

ol.list, ol.list li {
  width: 99%
  display: block;
}
ol.list {
  list-style: none;
  padding-left: 0;
  margin: 25px 0;
}
ol.list li:first-child {
  border-top: 1px solid #740;
}
ol.list li {
  padding: 10px 0;
  border-bottom: 1px solid #740;
}
fieldset div {
  margin-left: 0
}

table td {
  padding-left: 5px;
  background: white;
  width:20%
}
table,
table td {
  border-color: white;
  border-spacing: 0;
}