@font-face {
  font-family: Spartan;
  src: url(Spartan/Spartan-Regular.ttf);
}

* { font-family: Spartan, monospace; font-size: 16px; line-height: 1.5em; }
body { margin: 0; }

form { margin: 1em 0; }
form fieldset { border: 0; padding: 0; }
form checkbox,
form input { clear: none; }
form p { display: table; margin: 0 0 1em 0; width: 100%; }
form label { display: table-cell; text-transform: uppercase; width: 20%; }
abbr[title] { color: #0072CE; position: unset; text-decoration: none; }

form input[type="text"] { background: none !important; border: 1px solid #d0d0d0 !important; display: table-cell; min-width: 8em; }
form input.button { display: inline-block; margin-left: 20%; width: auto !important; }
form input[type="submit"] { background: #1f4a7d !important; border: 0; border-radius: 25px !important; color: #fff !important; font-size: 13px !important; font-weight: 400; margin: 0 0 0 20% !important; padding: 0.75em 1.5em 0.5em 1.5em !important; text-transform: uppercase; width: auto; }
form input[type="submit"]:hover { background: #2f5a8d !important; }

.response { background: rgba(255,255,255,0.8); border: 1px solid #d0d0d0; margin-left: 20%; padding: 1em 2em; width: fit-content; }
.response h3 { color: #84BD00; font-weight: 400; text-transform: uppercase; }
.response p.mslname { color: #0072CE; font-size: 20px; }

@media ( max-width: 1024px ) {
  form label { width: 30%; }
  form input[type="submit"], .response { margin-left: 30% !important; }
}
@media ( max-width: 800px ) {
  form label { width: 40%; }
  form input[type="submit"], .response { margin-left: 40% !important; }
}
@media ( max-width: 600px ) {
  form label { display: block; width: 100%; }
  form input[type="submit"], .response { display: block; margin-left: 0 !important; }
}