sticky-footer.css

html, body {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font: normal 12px/18px Georgia, Times, serif;
}

#layout {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px;
    position: relative;
    z-index: 10;
}

#body {
    width: 100%;
    height: 100%;
    background-color: lightgrey;
    overflow: hidden;
}

#body:after {
    width: 100%;
    height: 150px;
    content: "";
    display: block;
    z-index: -1;
}

#footer {
    height: 150px;
    border: 1px solid black;
    box-sizing: border-box;
/*    padding-top: 366px;*/
    background-color: grey;
    position: relative;
    z-index: 10;
}

h1 {
	margin: 0 2rem;
	padding: 0;
	font: bold 150% Helvetica, Arial, sans-serif;
	text-transform: capitalize;
}

h1:first-child {
	margin-top: 1.5rem;
}

p {
	margin: 1.5rem 2rem 3rem;
	padding: 0;
}