/* V3.5.4 — Contact form field proportions
   Base restored to V3.5.2.
   Only the first four form rows are compacted and the message body is enlarged. */

@media (min-width:1021px){

  /* First four rows:
     1 Name
     2 Email
     3 Organisation
     4 Nature of enquiry */
  .contact-grid .form .field:nth-of-type(-n+4){
    min-height:0 !important;
    margin:0 !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .contact-grid .form .field:nth-of-type(-n+4) label{
    margin-bottom:5px !important;
  }

  .contact-grid .form .field:nth-of-type(-n+4) input,
  .contact-grid .form .field:nth-of-type(-n+4) select{
    min-height:34px !important;
    height:34px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  /* Message/body: intentionally larger and more dominant */
  .contact-grid .form .field:nth-of-type(5){
    padding-top:12px !important;
    padding-bottom:10px !important;
  }

  .contact-grid .form .field:nth-of-type(5) textarea{
    min-height:220px !important;
    height:220px !important;
    font-size:16px !important;
    line-height:1.45 !important;
  }
}

@media (min-width:1440px){
  .contact-grid .form .field:nth-of-type(-n+4){
    padding-top:7px !important;
    padding-bottom:7px !important;
  }

  .contact-grid .form .field:nth-of-type(-n+4) input,
  .contact-grid .form .field:nth-of-type(-n+4) select{
    min-height:32px !important;
    height:32px !important;
  }

  .contact-grid .form .field:nth-of-type(5) textarea{
    min-height:240px !important;
    height:240px !important;
  }
}

@media (min-width:2200px){
  .contact-grid .form .field:nth-of-type(-n+4){
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .contact-grid .form .field:nth-of-type(-n+4) input,
  .contact-grid .form .field:nth-of-type(-n+4) select{
    min-height:32px !important;
    height:32px !important;
  }

  .contact-grid .form .field:nth-of-type(5) textarea{
    min-height:260px !important;
    height:260px !important;
  }
}