*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}img{display:block;max-width:100%;height:auto}.group:after{content:"";display:table;clear:both}.ui-list,nav ul,nav ol,.grid-list{list-style:none inside;padding-left:0;margin-bottom:0}.grid-list > li{display:inline-block;vertical-align:top}.hidden{display:none}html{font-size:100%;text-rendering:optimizeLegibility}body{font:1.125em/1.5 sans-serif;color:#333}h1,h2,h3,h4,h5,h6{line-height:1;margin:1.5em auto 1.5rem}h1{margin-top:1rem}ol,ul{margin:0 auto 1.5rem}ol ol{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}p{max-width:37.5em;margin:0 0 1.5em}:not(pre) > code,pre{background-color:#efefef;border:1px solid #ddd;color:#00BFFF;padding:.125em .25em}pre{margin:0 0 1.5rem}a{color:#c73036}a:hover{color:#00BFFF}a:active{color:red}[data-icon]:before{content:attr(data-icon);font-family:icons;font-weight:400;font-style:normal;speak:none;-webkit-font-smoothing:antialiased}.btn{line-height:1;display:inline-block;vertical-align:bottom;border:1px solid #aaa;background-color:#fff;text-decoration:none;color:#333;font-family:sans-serif;cursor:pointer;padding:.5em 1em}.btn:hover{background-color:#ddd;color:#00BFFF}.btn.small{font-size:.75em}.btn.large{font-size:1.5em}.inner-container{width:98%;max-width:70em;margin:0 auto}.col1,.col2,.col3,.col4,.col5,.col6{float:left}.col1,.col2,.col3,.col4,.col5{margin-right:2%}[class*=col]:last-of-type{margin-right:0}.col1{width:15%}.col2{width:32%}.col3{width:49%}.col4{width:66%}.col5{width:83%}.offset-by-one{margin-left:17%}.offset-by-two{margin-left:34%}.offset-by-three{margin-left:51%}.offset-by-four{margin-left:68%}.offest-by-five{margin-left:85%}.grid-list img,.col6{width:100%} @media screen and (min-width: 30em){.inner-container{width:92%}} @media screen and (min-width: 60em){.inner-container{width:80%}body.debug:before{content:'min-width: 60em fired';background-color:blue}} @media screen and (min-width: 320px){body.debug:before{opacity:.2;position:fixed;z-index:2;top:0;left:0;right:0;text-align:center;color:#fff;content:"nothing fired!";background-color:#FFC0CB;padding:.25rem}} @media screen and (min-width: 35em){body.debug:before{content:'min-width: 35em fired';background-color:orange}}@media screen and (min-width: 46em){body.debug:before{content:'min-width: 46em fired';background-color:#FF0}}@media screen and (min-width: 68em){body.debug:before{content:'min-width: 68em fired';background-color:green}}