Changing spacing between elements using responsive?

EDIT: Please see below comments before doing this.

OK, please bear in mind I am a newbie, but I think i have found what you want.

To find where to edit I went to your page and right clicked on the form and chose “Inspect Element” using my Google Chrome browser. From there I proceeded to try to find the <div> that contained a individual element that you want to bring closer together along with the additional padding underneath it. Then I looked to the right to see what CSS rules it matched. I wasn’t sure if margin-bottom was exactly what you were looking for, so I tried just changing it right there in my browser. Sure enough the elements on the page came vertically closer together.

Refer to this Screenshot i took:

http://imageshack.us/a/img27/8373/33218609.png

You need to edit CSS to do what you want.

The exact line you need to edit is located at:
http://non-fault-car-accident.co.uk/wp-content/themes/responsive/style.css

line 1245

change it from

form div {
	margin-bottom: .8em;
}

to

form div {
	margin-bottom: 0em;
}

And see how you like it. You may want to change some other things about the spacing, but hopefully this gives you an idea of how to do these things.

Feel free to ask back here if you have any more questions. I will be watching this thread.

You should not modify the theme files as your changes will be overwritten when the theme is updated – but instead use the custom CSS option built into that theme. You can copy the above code to the custom CSS to make the change.