*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body{position:relative;margin:0;padding:0;font-size:100%;background-color:#fff;font-family:Calibri,Candara,Segoe,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%;} p{margin:0 0 0.3em 0;padding:0;font-size:1em;line-height:1.3em;} ul,ol{font-size:0.9em;line-height:1.3em;} ul ul,ol ol,ul ol,ol ul{font-size:100%;} dl{font-size:0.9em;line-height:1.3em;} a{color:#C1262E;} .layoutWidth{margin:0px auto;padding:0px;max-width:1200px;} header{position:relative;} nav.headerNav{margin:0;padding:0;} .mainLayout{margin-top:20px;margin-bottom:20px;} .mainContent{margin:0;padding:0 12px 0 5px;} nav.mainNav{display:none;margin:0;padding:0;} .mainSidebar{margin:0;padding:0;} nav.mainNav ul{margin:0;padding:0;list-style-type:none;} nav.mainNav ul li{margin:0;padding:0;} .mainLayout{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-wrap:wrap;-webkit-box-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flexbox-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .mainContent{-webkit-box-flex:1 1 100%;-moz-box-flex:1 1 100%;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;} .mainSidebar{-webkit-box-flex:1 1 100%;-moz-box-flex:1 1 100%;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;} nav.mainNav{-webkit-box-flex:1 1 100%;-moz-box-flex:1 1 100%;width:100%;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;} @media all and (min-width:400px){nav.mainNav ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-wrap:wrap;-webkit-box-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flexbox-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} nav.mainNav ul li{-webkit-box-flex:1 1 40%;-moz-box-flex:1 1 40%;width:40%;-webkit-flex:1 1 40%;-ms-flex:1 1 40%;flex:1 1 40%;} } @media all and (min-width:600px){.mainLayout{-moz-box-wrap:nowrap;-webkit-box-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flexbox-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;} .mainContent{-webkit-box-flex:2 1 90%;-moz-box-flex:2 1 90%;-webkit-flex:2 1 90%;-ms-flex:2 1 90%;flex:2 1 90%;} .mainSidebar{webkit-box-flex:0 0 300px;-moz-box-flex:0 0 300px;-webkit-flex:0 0 300px;-ms-flex:0 0 300px;flex:0 0 300px;border-top:0;} } @media all and (min-width:800px){nav.mainNav ul li{-webkit-box-flex:1 1 30%;-moz-box-flex:1 1 30%;width:30%;-webkit-flex:1 1 30%;-ms-flex:1 1 30%;flex:1 1 30%;} } @media all and (min-width:1050px){body{padding:2em;} }