Como fazer a imagem ficar 100% na tela?

Eu tenho um site em desenvolvimento.

Aí eu quero que ele fique na tela toda, é pra ser um site responsivo, eu tô usando o bootstrap...

Ele só fica em tela cheia se eu der zoom de 150%: https://prnt.sc/fe1fig

Se eu deixar normal ele fica assim: https://prnt.sc/fe1fn6

Minha tela é Full HD.

A imagem tem tamanho de 1400 x 767.

O link do meu código é esse: https://codepen.io/sandsoncosta/pen/XRLvvW

Ele não tá todo formatadinho, mas aqui tá o link do arquivo completo: https://drive.google.com/file/d/0B28SaVWuwZ5kSlZURWlWRlljdjg/view?usp=sharing

Aí como que eu faço pra deixar ele na tela toda?

Obrigado.