body,html{margin:0;padding:0;font-family:Helvetica,Arial,sans-serif}h1{margin:0 0 10px}p{margin:0 0 70px}.top{width:100%;height:300px;background-color:#4EFF6E}.container{padding-top:40px;max-width:940px;margin-right:auto;margin-left:auto;color:#fff;font-size:200%;text-align:center}.container a{color:#fff}.container a:hover{color:#e6e6e6}.examples{max-width:1000px;margin-right:auto;margin-left:auto;padding-right:25px;margin-bottom:40px}.examples:after{content:"";display:table;clear:both}.example{display:block;width:300px;float:left;height:300px;background-size:170% auto;background-repeat:no-repeat;margin-left:25px;margin-top:25px;border:3px solid #c8c8c8;transition:background-size .5s}.example:hover{border:3px solid #646464;background-size:190% auto}@media (max-width:650px){body{font-size:70%}.example{margin-left:0}.examples{padding-right:0;width:300px}}