/* Reset the box model to use the IE method : border-box */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
html {
  height: 100%;
}
html body {
  height: 100%;
}
html body header {
  height: 48px;
}
html body footer {
  height: 2em;
}
html body main {
  min-height: calc(100% - 2em - 48px);
}