.header,body,html{background-color:#f7f7f7}.footer,.header,.main{display:flex}body,html{height:100%}.header{z-index:2;position:fixed;top:0;left:0;right:0;align-items:center;flex-wrap:wrap;height:56px}.header__logo{color:#fc0;white-space:nowrap}.header__logo:hover{color:#fc0;text-decoration:none}.header__menu{flex:1;display:flex;justify-content:flex-end;align-items:center}.main{margin-top:56px;min-height:calc(100% - 100px);flex-direction:column}.footer{color:#fff;background-color:#212529;height:100px;flex-direction:column;align-items:center;justify-content:space-between}.contain--narrow{padding:0 25%}.contain--normal{padding:0 20%}@media only screen and (max-width:768px){.contain--narrow{padding:0 4em}.contain--normal{padding:0 2em}}