html { width: 100%; height: 100%; }
* html { width: 100%; height: 100%; }
body { height: 100%; width: 100%; margin: 0; padding: 0; background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
#background { display: block; height: 100vh; width: 100vw; top: 0; bottom: 0; left: 0; right: 0; position: fixed; z-index: -9999; }
#background-image { display: flex; align-items: flex-start; overflow: hidden; height: 100%; width: 100%; }
#background-image > * { flex-shrink: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; }
#page { display: table; width: 100%; height: 100%; padding: 0; }
#pageHeader, #pageContent, #pageFooter { display: table-row; width: 100%; }
#headerLeft, #header, #headerRight, #contentLeft, #content, #contentRight, #footerLeft, #footer, #footerRight { display: table-cell; }
#pageContent { height: 100%; }
#content { height: 100%; }
#left, #normal, #right { float: left; background-color: #ffffff; padding: 0px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#normal { min-height: 100%; }
#footer { background-color: #ffffff; padding: 0px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#spacer { height: 68px; }
#page-end { height: 68px; }
#page-bottom { padding-top: 15px; }
#page-bottom { padding-top: 15px; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }