Footer always at the bottom

Hello, which piece of code do I have to add to the custom css so my footer is not half way the screen like you can see here –> https://www.realsolution.nl/contact/

I tried:

#footer {
	background: #333;
	border-top: 6px solid #F33F3F;
	border-bottom: 1px solid #111;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
}

But that doesn’t change anything?

Friendly Regard,
Jelmer J.