Bootstrap和CSS线性渐变不覆盖整个页面

Question

我使用bootstrap和我自己的css格式来制作我的网站。不幸的是，我应用于背景图像的线性渐变停在我的中间内容的底部

Here's the website

background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(Imagery/GrandmaCover.jpg);
background-size: cover;
background-repeat: no-repeat;

还有我身体的代码