html,body {
 height: 100%;
 min-height: 100%;
}
body {
 display: flex;
 flex-flow: column;
}
.content {
 flex: auto;
 overflow: hidden;
 overflow-y: auto;
}
.footer {
 flex: 0 0 100px;
}

html, body {
 height: 100%;
}
.wrapper {
 position: relative;
 min-height: 100%;
 padding-bottom: 100px;
}
.footer {
 position: absolute;
 bottom: 0;
	height: 100px;
 width: 100%;
}

html, body {
 height: 100%;
 min-height: 100%;
}
.content {
 height: calc(100vh - 100px);
}
.footer {
 height: 100px;
}

html, body {
 height: 100%;
}
.wrapper {
 display: table;
 min-height: 100%;
}
.content {
 display: table-row;
 height: 100%;
}