a{color:#0073cf}header[role="banner"]{background-color:#222;display:block;padding:24px 48px}header[role="banner"] h1{color:#fff;font-size:inherit;font-weight:800;margin:0}header[role="banner"] h1 a{color:inherit;text-decoration:none}[role="main"]{padding:0}#grid .first-of-row{clear:left;margin-left:0}#grid .undo-first-of-row{clear:none;margin-left:4.4%}.clearfix{zoom:1}.clearfix:after{clear:both}.clearfix:after,.clearfix:before{display:table;content:""}body [role="main"]>ul{zoom:1;list-style:none;margin:-96px 0 96px 0;padding:0}body [role="main"]>ul:after{clear:both}body [role="main"]>ul:after,body [role="main"]>ul:before{display:table;content:""}body [role="main"]>ul>li{float:left;margin-left:4.4%;width:47.800000000000004%;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center}body [role="main"]>ul>li:first-child{margin-left:0}body [role="main"]>ul>li.current a{pointer-events:none}body [role="main"]>ul>li.current img{opacity:.2}body [role="main"]>ul>li img{display:block;margin:0;max-width:100%}body [role="main"]>ul>li:nth-of-type(3n){clear:left;margin-left:0}body [role="main"]>ul>li:nth-of-type(n+3){margin-top:12px}body [role="main"]>ul>li>ul{zoom:1;display:inline-block;left:50%;list-style:none;margin:-12px 0 0 -72px;padding:0;position:absolute;top:50%}body [role="main"]>ul>li>ul:after{clear:both}body [role="main"]>ul>li>ul:after,body [role="main"]>ul>li>ul:before{display:table;content:""}body [role="main"]>ul>li>ul li{background-color:#fff;border-radius:100px;cursor:pointer;color:transparent;float:left;height:24px;overflow:hidden;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;width:24px}body [role="main"]>ul>li>ul li.apple-green{background-color:#8db600}body [role="main"]>ul>li>ul li.avocado{background-color:#568203}body [role="main"]>ul>li>ul li.azure{background-color:#007fff}body [role="main"]>ul>li>ul li.carrot-orange{background-color:#ed9121}body [role="main"]>ul>li>ul li.current{border-radius:0;cursor:default}body [role="main"]>ul>li>ul li.tomato{background-color:#ff6347}body [role="main"]>ul>li>ul li+li{margin-left:6px}iframe{border:1px solid #000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:300px;width:100%}img{display:block;/* margin:24px 0 */}@media all and (min-width:600px){body [role="main"]>ul>li{float:left;margin-left:4.4%;width:21.700000000000003%}body [role="main"]>ul>li:first-child{margin-left:0}body [role="main"]>ul>li:nth-of-type(3n){clear:none;margin-left:4.4%}body [role="main"]>ul>li:nth-of-type(n+3){margin-top:0}}