form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}

form > div > label,
legend {
  width: 25%;
  float: left;
  padding-right: 10px;
}

form > div > div,
form > div > fieldset > div {
  width: 85%;
  float: right;
}


input[type=text],
input[type=email],
textarea {
    width: 95%;
    background:#ffffff;
    padding:4px;
    border: 1px solid #ccc;
    border-radius:6px;
}

input[type=text],
input[type=email] {
  width: 60%;
    height:25px;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  outline: 0;
  border-color: #73b819;
}

@media only screen and (min-width : 240px) and (max-width : 667px) {
  form > div {
    margin: 0 0 15px 0; 
  }
    
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
    
  form > div > div,
  form > div > fieldset > div {
    width: 98%;
    float: none;
  }
    
  input[type=text],
  input[type=email],
  input[type=url],
  textarea,
  select {
    width: 98%; 
  }
    
}