#main{margin-top:9em}#tiles{list-style-type:none;position:relative;margin:0;padding:0}#tiles li:hover img{opacity:.8}#tiles li{width:280px;background-color:#fff;border:1px solid #dedede;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:none;cursor:pointer;border-radius:.2em}#tiles li img{border-top-left-radius:.2em;border-top-right-radius:.2em}#tiles li.inactive{visibility:hidden;opacity:0}#tiles li img{display:block}footer{text-align:center}footer a{color:#435dc5;text-decoration:none}.progress-bar{background-color:#0bc20b;height:2px;position:absolute;top:0;left:0;right:0;width:0;-webkit-box-shadow:0 1px 3px rgba(11,194,11,.2);box-shadow:0 1px 3px rgba(11,194,11,.2);-webkit-transition:width .3s ease-out;transition:width .3s ease-out}.wookmark-placeholder{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#eee;border:1px solid #dedede;z-index:-1}.example-tiles{position:relative;margin:0;padding:0}.example-tiles li{display:block;list-style-type:none;float:left;margin:5px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.example-tiles a,.example-tiles a:hover{color:#555;background-color:#eee;text-align:center;display:table-cell;vertical-align:middle;width:200px;height:200px;font-size:2em;font-weight:700;text-decoration:none;border:1px solid #ddd;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);padding:5px 8px;border-radius:3px}.example-tiles a:hover{background-color:#ddd}@media only screen and (max-width:640px) and (min-width:480px){#main{margin-top:7em}}@media only screen and (max-width:480px) and (min-width:320px){#main{margin-top:9.5em}}@media only screen and (max-width:320px) and (min-width:240px){#main{margin-top:9em}#tiles li{width:266px}}