* { margin:0; padding:0; box-sizing:border-box; }
body { min-width:910px; padding:0 20px; font:11px sans-serif; }
a { text-decoration:none; }
textarea { width:96%; border:none; margin:5px; }
fieldset { border:1px solid #e62d21; margin:0 0 20px; }
legend { margin:0 0 10px 10px; padding:3px 8px; border:1px solid #ccc; background:#e62d21; color:#fff; font-size:20px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.col { width:32%; margin:20px 2% 0 0; float:left; overflow:hidden; }
.col-2 { width:66%; margin:20px 2% 0 0; overflow:hidden; }
.last { margin-right:0; float:right; }
@media (max-width:767px) {
  body { min-width:0; padding:0 8px; font-size:13px; }
  .col, .col-2, .last { float:none; width:100%; margin:12px 0 0; overflow:visible; }
  textarea { width:calc(100% - 10px); min-height:12rem; font:14px/1.6 'Noto Sans Arabic',Tahoma,Arial,sans-serif; }
  legend { max-width:calc(100% - 20px); font-size:17px; }
}