body { font-size: 30px; color: black; background: #F0F7F7; }
table { border: 1px white solid; border-collapse: collapse; margin-top: 7px; }
td { border: 1px white solid; padding: 4px; text-align: center; }
thead td { background: #E0E7E7; }
tbody td { background: #E8EEEE; }
a { color: #0033CC; text-decoration: none; }
a:hover { text-decoration: underline; }
input { font-size: 90%; }
header { padding-bottom: 20px; margin-bottom: 20px; }
header img { float: left; margin-left: 0; }
footer { border-top: 3px #1F70DD solid;  padding-top: 20px; margin-top: 30px; padding-bottom: 20px; margin-bottom: 20px; }
footer img { float: left; margin-left: 0; margin-top: 10px; }
figcaption span { display: block; }
.info { font-size: 60%; margin-left: 120px; }
.info:after { content: ""; display: block; clear: both; }
.contact { font-size: 75%; margin-left: 120px; padding-bottom: 6px; text-align: right; }
.tel { font-size: 75%; margin-left: 120px; padding-bottom: 6px; text-align: right; }
.hello { font-size: 120%; padding-bottom: 20px; }
.intro { padding-bottom: 30px; }
.express { font-style: italic; margin-left: 120px; padding-bottom: 6px; }
.name { font-size: 90%; margin-left: 120px; }
.name:after { content: ""; display: block; clear: both; }
.textcol { text-align: left; }
.formlayout { padding: 15%; }
.formfield { padding-bottom: 20px; }
.formfield input { width: 100%; }
.formquestion { font-size: 100%; padding-bottom: 30px; }
.formanswer { padding-bottom: 10px; }
.formsubmit { padding-top: 40px; text-align: right; }
.formsubmit input { width: 20%; min-width: 160px; }
.formdata { padding-bottom: 10px; }
.formdata span { font-size: 110%; font-style: italic; }
.formresult { padding-top: 40px; }
.formprint { padding-top: 40px; text-align: left; }
.formprint input { width: 20%; min-width: 160px; }
.resulthigh { color: #008800; }
.resultmiddle { color: #CCAA00; }
.resultlow { color: #CC0000; }
.errormessage { color: #CC0000; padding-bottom: 10px; }
.description { padding: 5% 15%; }

@media screen and (max-width: 1000px) {
body { font-size: 24px; }
.formlayout { padding: 10%; }
}

@media screen and (max-width: 700px) {
body { font-size: 20px; }
.formlayout { padding: 8%; }
}

@media screen and (max-width: 400px) {
body { font-size: 16px; }
.formlayout { padding: 5%; }
}

@media print {
.formlayout { padding: 5%; }
.formprint { display: none; }
}