@media only screen and (max-width: 320px){

.form_container{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
background-color:#FFFFFF;
border:1px solid #DFDFDF;
box-shadow: 0 2px 2px #E2E2E2;
border-radius:5px;
}

form#join{
display:block;
position:relative;
left:40px;
width:calc(100% - 80px);
height:auto;
}

.field_row{
display:block;
position:relative;
width:100%;
height:140px;
//border:1px solid #FF0000;
}

label{
display:block;
position:absolute;
top:10px;
width:auto;
height:20px;
line-height:20px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#5D5D5D;
//border:1px solid #444444;
background-color:transparent;
z-index:3;
}

label.error_label{
display:block;
position:absolute;
top:10px;
width:auto;
height:20px;
line-height:20px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#FF0000;
//border:1px solid #444444;
background-color:transparent;
z-index:3;
}

input.field{
display:block;
position:absolute;
width:calc(100% - 12px);
//width:calc(50% - 32px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
}

input.error_field{
display:block;
position:absolute;
width:calc(100% - 12px);
//width:calc(50% - 32px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FFDADA;
border:1px solid #FF0000;
border-radius:3px;
}

select.field{
display:block;
position:absolute;
width:calc(100% - 2px);
//width:calc(50% - 22px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
}

select.error_field{
display:block;
position:absolute;
width:calc(100% - 2px);
//width:calc(50% - 22px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FFDADA;
border:1px solid #FF0000;
border-radius:3px;
}

.request_textarea{
display:block;
position:absolute;
width:calc(100% - 12px);
height:120px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-top:9px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
resize:none;
}

#firstname_label{
top:10px;
}

#firstname{
top:30px;
}

#lastname_label{
top:80px;
}

#lastname{
top:100px;
}

#email_label{
top:10px;
}

#email{
top:30px;
}

#phone_label{
top:80px;
}

#phone{
top:100px;
}

#city_label{
top:10px;
}

#city{
top:30px;
}

#county_label{
top:80px;
}

#county{
top:100px;
}

#education_level_label{
top:10px;
}

#education_level{
top:30px;
}

#employment_status_label{
top:80px;
}

#employment_status{
top:100px;
}

#request_message_label{
top:10px;
}

#request_message{
top:30px;
}

.submit_btn{
display:block;
position:absolute;
top:30px;
//left:50%;
left:0px;
width:calc(50% - 20px);
height:44px;
line-height:46px;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#FFFFFF;
font-family:'Poppins',sans-serif;
font-size:16px;
font-weight:600;
border:0px;
background-color:#E43F3F;
border-bottom:2px solid #C00000;
border-radius:4px;
cursor:pointer;
}

.submit_btn:hover{
color:#FFFFFF;
background-color:#C00000;
}

}

@media only screen and (min-width: 320px) and (max-width: 670px){

.form_container{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
background-color:#FFFFFF;
border:1px solid #DFDFDF;
box-shadow: 0 2px 2px #E2E2E2;
border-radius:5px;
}

form#join{
display:block;
position:relative;
left:40px;
width:calc(100% - 80px);
height:auto;
}

.field_row{
display:block;
position:relative;
width:100%;
height:140px;
//border:1px solid #FF0000;
}

label{
display:block;
position:absolute;
top:10px;
width:auto;
height:20px;
line-height:20px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#5D5D5D;
//border:1px solid #444444;
background-color:transparent;
z-index:3;
}

label.error_label{
display:block;
position:absolute;
top:10px;
width:auto;
height:20px;
line-height:20px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#FF0000;
//border:1px solid #444444;
background-color:transparent;
z-index:3;
}

input.field{
display:block;
position:absolute;
width:calc(100% - 12px);
//width:calc(50% - 32px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
}

input.error_field{
display:block;
position:absolute;
width:calc(100% - 12px);
//width:calc(50% - 32px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FFDADA;
border:1px solid #FF0000;
border-radius:3px;
}

select.field{
display:block;
position:absolute;
width:calc(100% - 2px);
//width:calc(50% - 22px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
}

select.error_field{
display:block;
position:absolute;
width:calc(100% - 2px);
//width:calc(50% - 22px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FFDADA;
border:1px solid #FF0000;
border-radius:3px;
}

.request_textarea{
display:block;
position:absolute;
width:calc(100% - 12px);
height:120px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-top:9px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
resize:none;
}

#firstname_label{
top:10px;
}

#firstname{
top:30px;
}

#lastname_label{
top:80px;
}

#lastname{
top:100px;
}

#email_label{
top:10px;
}

#email{
top:30px;
}

#phone_label{
top:80px;
}

#phone{
top:100px;
}

#city_label{
top:10px;
}

#city{
top:30px;
}

#county_label{
top:80px;
}

#county{
top:100px;
}

#education_level_label{
top:10px;
}

#education_level{
top:30px;
}

#employment_status_label{
top:80px;
}

#employment_status{
top:100px;
}

#request_message_label{
top:10px;
}

#request_message{
top:30px;
}

.submit_btn{
display:block;
position:absolute;
top:30px;
//left:50%;
left:0px;
width:calc(50% - 20px);
height:44px;
line-height:46px;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#FFFFFF;
font-family:'Poppins',sans-serif;
font-size:16px;
font-weight:600;
border:0px;
background-color:#E43F3F;
border-bottom:2px solid #C00000;
border-radius:4px;
cursor:pointer;
}

.submit_btn:hover{
color:#FFFFFF;
background-color:#C00000;
}

}

@media only screen and (min-width: 670px){

.form_container{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
background-color:#FFFFFF;
border:1px solid #DFDFDF;
box-shadow: 0 2px 2px #E2E2E2;
border-radius:5px;
}

form#join{
display:block;
position:relative;
left:40px;
width:calc(100% - 80px);
height:auto;
}

.field_row{
display:block;
position:relative;
width:100%;
height:70px;
//border:1px solid #FF0000;
}

label{
display:block;
position:absolute;
top:10px;
width:auto;
height:20px;
line-height:20px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#5D5D5D;
//border:1px solid #444444;
background-color:transparent;
z-index:3;
}

label.error_label{
display:block;
position:absolute;
top:10px;
width:auto;
height:20px;
line-height:20px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#FF0000;
//border:1px solid #444444;
background-color:transparent;
z-index:3;
}

input.field{
display:block;
position:absolute;
//width:calc(100% - 12px);
width:calc(50% - 32px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
}

input.error_field{
display:block;
position:absolute;
//width:calc(100% - 12px);
width:calc(50% - 32px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FFDADA;
border:1px solid #FF0000;
border-radius:3px;
}

select.field{
display:block;
position:absolute;
//width:calc(100% - 12px);
width:calc(50% - 22px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
}

select.error_field{
display:block;
position:absolute;
//width:calc(100% - 12px);
width:calc(50% - 22px);
height:38px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-left:10px;
background-color:#FFDADA;
border:1px solid #FF0000;
border-radius:3px;
}

.request_textarea{
display:block;
position:absolute;
width:calc(100% - 12px);
height:120px;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#383838;
padding:0px;
padding-top:9px;
padding-left:10px;
background-color:#FAFAFA;
border:1px solid #DFDFDF;
border-radius:3px;
resize:none;
}

#firstname_label{
top:10px;
}

#firstname{
top:30px;
}

#lastname_label{
top:10px;
left:calc(50% + 20px);
}

#lastname{
top:30px;
left:calc(50% + 20px);
}

#email_label{
top:10px;
}

#email{
top:30px;
}

#phone_label{
top:10px;
left:calc(50% + 20px);
}

#phone{
top:30px;
left:calc(50% + 20px);
}

#city_label{
top:10px;
}

#city{
top:30px;
}

#county_label{
top:10px;
left:calc(50% + 20px);
}

#county{
top:30px;
left:calc(50% + 20px);
}

#education_level_label{
top:10px;
}

#education_level{
top:30px;
}

#employment_status_label{
top:10px;
left:calc(50% + 20px);
}

#employment_status{
top:30px;
left:calc(50% + 20px);
}

#cv_label{
top:10px;
}

#cv{
top:30px;
}
.submit_btn{
display:block;
position:absolute;
top:30px;
//left:50%;
left:0px;
width:calc(50% - 20px);
height:44px;
line-height:46px;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#FFFFFF;
font-family:'Poppins',sans-serif;
font-size:16px;
font-weight:600;
border:0px;
background-color:#E43F3F;
border-bottom:2px solid #C00000;
border-radius:4px;
cursor:pointer;
}

.submit_btn:hover{
color:#FFFFFF;
background-color:#C00000;
}