*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{max-width:100%}header{position:relative;height:160px;line-height:160px;text-align:center}header h1{font-size:22px;font-size:1.375rem;color:#fff;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (min-width:768px){header{height:240px;line-height:240px}header h1{font-size:32px;font-size:2rem}}.cd-image-container{position:relative;width:100%;max-width:768px;margin:0 auto;transform:translate3d(0,0,0)}.cd-image-container img{display:block}.cd-image-label{position:absolute;bottom:0;right:0;color:#fff;padding:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .3s .7s,opacity .3s .7s;-moz-transition:-moz-transform .3s .7s,opacity .3s .7s;transition:transform .3s .7s,opacity .3s .7s}.cd-image-label.is-hidden{visibility:hidden}.is-visible .cd-image-label{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cd-resize-img{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-resize-img img{position:absolute;left:0;top:0;display:block;height:100%;width:auto;max-width:none}.cd-resize-img .cd-image-label{right:auto;left:0}.is-visible .cd-resize-img{width:50%;-webkit-animation:cd-bounce-in .7s;-moz-animation:cd-bounce-in .7s;animation:cd-bounce-in .7s}@-webkit-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@-moz-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}.cd-handle{position:absolute;height:77px;width:77px;left:50%;top:50%;margin-left:-37px;margin-top:-22px;border-radius:50%;background:url(../img/cd-arrows.html) no-repeat center center;cursor:move;opacity:0;-webkit-transform:translate3d(0,0,0) scale(0);-moz-transform:translate3d(0,0,0) scale(0);-ms-transform:translate3d(0,0,0) scale(0);-o-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0)}.cd-handle.draggable{background-color:#6c6fff}.is-visible .cd-handle{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);-webkit-transition:-webkit-transform .3s .7s,opacity 0s .7s;-moz-transition:-moz-transform .3s .7s,opacity 0s .7s;transition:transform .3s .7s,opacity 0s .7s}