* {box-sizing: border-box;}
body {background: #F5F5F5; margin: 10px; font-family: Arial, Helvetica, sans-serif}
.wform_con {background: #fff; max-width: 850px; margin: 0 auto; border: 1px solid #D6D6D6;}
.wrapper { padding: 0 20px; margin: 0 auto; position: relative; }

header {background: #bdbdbd; color: #fff;}
.header_con {padding: 15px 0;}
.head_logo {}
.head_logo img {max-width: 350px; vertical-align: middle; width: 80%}

.main_area {}
main {padding: 25px 0;}
.main_heading p {font-size: 15px; line-height: 140%; margin: 0 0 20px;}
.form_holder {}
.form_field {display: flex; justify-content: space-between; align-items: flex-start; margin: 0 auto 20px}
.form_field_name {width: 220px; font-size: 13px; line-height: 150%; margin: 0}
.form_field_name.required:after {content: " *"; color: red}
.form_data, .form_inner_cont {width: calc(100% - 270px);}
.form_inner_cont {display: flex; justify-content: space-between;}
.form_data.name {width: 48%;}
.form_data input, .form_data textarea {width: 100%; border: 1px solid #aaa; line-height: 25px;}
.form_data textarea {height: 100px;}
.form_data.name label {font-size: 10px; color: gray;}
.form_data.file input {width: 250px; padding: 4px 6px;}
.form_holder .form_field_submit {margin: 0 auto;display: block;border: 2px solid #2594e1;background: none;color: #2594E1;line-height: 35px;font-weight: 700;font-size: 18px;width: 130px;}
.form_holder .form_field_submit:hover {background: #2594E1; color: #fff; cursor: pointer;}
div[id$="error_text"] {color: red; font-size: 12px; margin-top: 5px; display: none;}

@media only screen and (max-width: 600px) {
    .form_field { display: block; }
    .form_field_name { margin-bottom: 10px; width: 100%; }
    .form_data, .form_inner_cont { width: 100%; }
    .form_data.name { width: 49%; }
}