.column { position: relative; width: 50%; }
.codrops-top { background: #566472; background: rgba(255, 255, 255, 0.2); text-transform: uppercase; width: 100%; font-size: 0.69em; line-height: 2.2; }
.codrops-top a { padding: 0 1em; letter-spacing: 0.1em; color: #fff; display: inline-block; }
.codrops-top a:hover { background: rgba(255,255,255,0.8); color: #2c3e50; }
.codrops-top span.right { float: right; }
.codrops-top span.right a { float: left; display: block; }
.codrops-icon:before { margin: 0 4px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
 @media screen and (max-width: 46.0625em) {
.column { width: 100%; min-width: auto; min-height: auto; }
.column p { text-align: left; font-size: 1.5em; }
.column:nth-child(2) { box-shadow: 0 -1px 0 rgba(0,0,0,0.1); }
}
 @media screen and (max-width: 25em) {
.codrops-icon span { display: none; }
}