make background image take up whole page code example
Example 1: css background image full screen responsive
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Example 2: background image css fill screen
.Background {
background-image: url("Your picture name.jpg");
background-repeat: no-repeat;
height: 100%;
background-position: center;
background-size: cover;
}