Header size and hover?

html
css

#1

Hi - I am struggling with the header in my table. I cant seem to change its size nor can i keep the hover effect from the table body out of the head - any thoughts?

Here is the fiddle: https://jsfiddle.net/ke744jxu/