.codrops-top{background:#fff;background:rgba(255,255,255,.95);text-transform:uppercase;position:relative;font-size:.68em;box-shadow:1px 0 2px rgba(0,0,0,.2);line-height:2.2}.codrops-top a{padding:0 1em;letter-spacing:.1em;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.99);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{display:inline-block;margin:.5em;padding:.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover,.codrops-demos a:hover{border-color:#89867e;color:#89867e}.site-logo{position:absolute;margin:auto 0;left:0;right:0;padding-top:10px;z-index:99;text-align:center;width:65%;margin:auto}.site-logo img{height:30px}.mobile-login img{position:absolute;right:10px;z-index:99;padding-top:10px}.fixed-top{position:fixed;width:100%;height:40px;z-index:1}.margin-mobile{height:50px}@media screen and (max-width:46.0625em){.main{padding:0}.column{width:100%;min-width:auto;min-height:auto}.column:nth-child(2){box-shadow:0 -1px 0 rgba(0,0,0,.1);background-position:90px 3em}}@media screen and (min-width:992px){.demo-1,.margin-mobile{display:none}}