Contact form

I’ve produced a contact form in the footer of my website, having written an adaptive wrap and custom CSS, however, I have encountered a few of issues.

  1. The labels have turned dark blue - I’ve checked the code they should still be set as white…
  2. I seem unable to stretch the message box to fit neatly under the 3 coloumns of name, email and subject in an adaptive manner. How can I do this?
  3. How can i stretch or centralise the send button
  4. When viewed on mobile, despite all boxes being set to the same size, they appear different sizes.

My website:

I know I’m posting for a lot of help at the moment… sorry, but thanks in advance for your support.