sticky-footer of the future

sticky-footer.scss

$header-height: 160px;
$footer-height: 150px;
$header-margin: 40px;
$footer-margin: 40px;
$main-offset: $header-height + $header-margin + $footer-height + $footer-margin;

html {
    height: 100%;
}

body {
    height: 100%;
}

#main {
    min-height: -webkit-calc(100% - #{$main-offset});
    min-height: -moz-calc(100% - #{$main-offset});
    min-height: calc(100% - #{$main-offset});
}