html,
body {
height: 100%;
}
.main {
min-height: 100%;
/* equal to footer height */
margin-bottom: -168px;
.main:after {
content: "";
display: block;
.footer,
height: 168px;
.card {
margin-bottom: 10px;