.codrops-top,.container>header h1{text-transform:uppercase;position:relative}.container{width:100%;position:relative}.clr{clear:both}.container>header{padding:20px 30px 10px;margin-bottom:40px;position:relative;display:block;text-align:center}.container>header h1{font-family:BebasNeueRegular,Arial,sans-serif;font-size:35px;font-weight:300;color:rgba(101,141,114,.9);text-shadow:1px 1px 1px rgba(0,0,0,.2);padding:0 0 5px}.container>header h1 span{color:#a0caad;text-shadow:1px 1px 1px rgba(255,255,255,.4)}.codrops-top{line-height:24px;font-size:11px;background:rgba(255,255,255,.5);z-index:9999;box-shadow:1px 0 2px rgba(0,0,0,.2);-webkit-animation:slideOut .5s ease-in-out .3s backwards}@-webkit-keyframes slideOut{0%{top:-30px;opacity:0}100%{top:0;opacity:1}}.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;text-shadow:0 1px 1px #fff;display:block;float:left}.codrops-top a:hover{background:#fff}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{text-align:center;display:block;padding-top:20px}.codrops-demos a,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{display:inline-block;border:1px solid #719c7f;padding:4px 10px 3px;font-size:13px;line-height:18px;margin:0 3px;font-weight:800;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.9);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#90bd9e;background:-moz-linear-gradient(top,#90bd9e 0,#72a081 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#90bd9e),color-stop(100%,#72a081));background:-webkit-linear-gradient(top,#90bd9e 0,#72a081 100%);background:-o-linear-gradient(top,#90bd9e 0,#72a081 100%);background:-ms-linear-gradient(top,#90bd9e 0,#72a081 100%);background:linear-gradient(top,#90bd9e 0,#72a081 100%)}.codrops-demos a:hover{background:#85b995}.codrops-demos a:active{-webkit-box-shadow:0 1px 1px rgba(255,255,255,.4);-moz-box-shadow:0 1px 1px rgba(255,255,255,.4);box-shadow:0 1px 1px rgba(255,255,255,.4)}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#506757;text-shadow:0 1px 1px rgba(255,255,255,.3)}.pro_find_right{text-align:left}@media screen and (max-width:767px){.container>header{text-align:center}p.codrops-demos{position:relative;top:auto;left:auto}}