div.contact { }
div.contact td { }
div.contact td.title { width: 102px; text-align: left; }
div.contact td.formTd { width: 188px; }
div.contact textarea { width: 288px; }
div.contact label { line-height: 32px; font-size: 14px; }
div.contact span.note { font-size: 12px; color: rgb(179, 0, 0); }
div.contact input[type="text"] { width: 140px; }
div.contact input[type="number"] { width: 50px; }
div.contact input[type="email"] { width: 180px; }
div.contact input[type="tel"] { width: 120px; }
div.contact input[type="button"] { margin: 5px; cursor: pointer; border-radius: 14px; border: 4px outset rgb(255, 255, 255); box-shadow: rgb(128, 128, 128) 1px 1px 4px 1px; font-weight: bold; font-size: 18px; padding: 2px 18px; }
div.contact input[type="button"]:hover { color: rgb(255, 0, 0); font-weight: bold; background-color: rgb(255, 255, 255); }
div.contact input[type="submit"] { margin: 5px; cursor: pointer; border-radius: 14px; border: 4px outset rgb(255, 255, 255); box-shadow: rgb(128, 128, 128) 1px 1px 4px 1px; font-weight: bold; font-size: 18px; padding: 2px 18px; }
div.contact input[type="submit"]:hover { color: rgb(255, 0, 0); font-weight: bold; background-color: rgb(255, 255, 255); }
div.contact span.red { color: rgb(255, 0, 0); }
div.contact ::placeholder { font-style: italic; font-weight: lighter; color: rgb(171, 171, 171); }
@media screen and (max-width: 500px) {
  div.contact label { font-size: 10px; line-height: 24px; }
  div.contact span.note { font-size: 10px; }
}