*{box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;font-size:16px}body{margin:0;padding:0;width:100%;height:100%;font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed","Helvetica","Arial",sans-serif;background-color:#f1f1f1}body button{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}body img.background{display:block;max-width:100%;margin-left:auto;margin-right:auto}body{display:flex;flex-direction:column}body main.torso{flex:1 1 auto;display:block;position:relative;overflow-x:hidden;overflow-y:auto;white-space:nowrap}body main.torso div.page{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;transition:ease-in-out 200ms;opacity:0;z-index:-1;transform:translateX(-100%)}body main.torso div.page~div.page{margin-left:-100%}body main.torso div.page.active{opacity:1;z-index:0;transform:translateX(0)}body main.torso div.page.active+div.page{transform:tranxlateX(100%)}body footer.foot-nav{flex:0 0 auto;width:100%;background-color:#fff;border-top:solid 1px #eee;padding-top:4px}body footer.foot-nav div.container{display:flex;justify-content:space-evenly;max-width:800px;margin-left:auto;margin-right:auto}body footer.foot-nav div.container button{display:inline-block;margin:0;padding:0;border:none;outline:none;background-color:rgba(0,0,0,0);width:19%;max-width:160px;text-align:center}body footer.foot-nav div.container button img{display:block;max-width:100%;margin-left:auto;margin-right:auto;transition:ease-in-out 200ms}body footer.foot-nav div.container button img+img.active{margin-top:-100%;opacity:0}body footer.foot-nav div.container button.active img{opacity:0}body footer.foot-nav div.container button.active img+img.active{opacity:1}body footer.foot-nav{display:none}