html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    background-color: #e4e9ed;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "header"
        "content"
        "footer";
    overflow-y: hidden;
}

    body > header {
        grid-area: header;
        height: 50px;
        line-height: 50px;
        background-color: black;
    }
        body > content {
            padding-top: 30px;
            grid-area: content;
            background-color: #E4E9ED;
            background-image: url("background.jpg");
            background-repeat: repeat-x;
            overflow-y: auto;
        }

    body > footer {
        grid-area: footer;
        background-color: black;
        color: white;
        height: 20px;
        line-height: 20px;
        vertical-align: central;
        font-size: 14px;
        padding: 0px 20px 0px 20px;
    }