.container {width: 100%; position: relative;}
.container.demo-1 {height: 100%; position: absolute;}
.clr {clear: both; padding: 0; height: 0; margin: 0;}
.main {width: 90%; margin: 0 auto; position: relative;}
.container > header, .content-wrapper {padding: 30px; width: 80%; max-width: 960px; margin: 0 auto;}
.content-wrapper p{padding-top: 30px; line-height: 26px;}
.container > header h1 {font-size: 34px; line-height: 38px; margin: 0; font-weight: 700; color: #333; float: left;}
.container > header h1 span {display: block; font-size: 20px; font-weight: 300;}

/* Header Style */
.codrops-top {line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.8); text-transform: uppercase; z-index: 9999; position: relative; font-family: Cambria, Georgia, serif; box-shadow: 1px 0px 2px rgba(0,0,0,0.2);}
.codrops-top a {padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block;}
.codrops-top a:hover {background: rgba(255,255,255,0.6);}
.codrops-top span.right {float: right;}
.codrops-top span.right a {float: left; display: block;}

/* Demo Buttons Style */
.codrops-demos {float: right; padding-top: 10px;}
.demo-1 .codrops-demos {position: absolute;	z-index: 2000; top: 30px; left: 30px;}
.codrops-demos a {display: inline-block; margin: 10px; color: #333; font-weight: 700; line-height: 30px; border-bottom: 4px solid transparent;}
.codrops-demos a:hover {color: #883d59; -color: #883d59;}
.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {color: #aaa; border-color: #aaa;}