* { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #000; font-size: 18px }
BODY { background: #fff; margin: 0; padding: 0 }
.logo { text-align: center; padding: 12px; 20px }
H1 { font-size: 18px; color: #fff; font-weight: bold; background: #662282; padding: 18px 20px; margin: 0; text-align: center }

.content { text-align: center; max-width: 700px; padding: 30px 20px; margin: 0 auto }

.form-sn { text-align: center }
.form-sn INPUT[type="text"] { width: 90%; margin-top: 32px; padding: 9px 14px; border: 1px solid #662282; outline: none }
.form-sn INPUT[type="text"]::placeholder { font-size: 16px; color: #8e8d8d; opacity: 1 }
.form-sn INPUT[type="submit"] { padding: 6px 36px; margin-top: 18px; background: #fff; border: 1px solid #000 }
.form-return { padding: 6px 36px; margin-top: 18px; display: inline-block; background: #fff; border: 1px solid #000; text-decoration: none }

.table { display: flex; flex-direction: column; width: 100% }
.row { display: flex; flex-direction: row; width: 100%; margin-bottom: 10px }
.column { padding: 0px 30px 0px 10px; text-align: left }
.column-30 { width: 30%; color: #acacac }
.column-70 { width: 70% }
@media (max-width: 768px) {
  .row { flex-direction: column }
  .column { padding: 3px }
  .column-30, .column-70 { width: 100% }
}