/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{padding:0;box-sizing:border-box}.icon,body{-moz-osx-font-smoothing:grayscale}.button,.css-mb .mb-display:hover{cursor:pointer}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#c00;outline:0}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon,.portfolio-icon:after{font-weight:400;font-style:normal;font-variant:normal;text-transform:none;speak:none}.icon,.portfolio-icon:after,body{-webkit-font-smoothing:antialiased}@font-face{font-family:feather;src:url(../fonts/feather/fonts/feather.eot?-ajbl0g);src:url(../fonts/feather/fonts/feather.eot?#iefix-ajbl0g) format("embedded-opentype"),url(../fonts/feather/fonts/feather.ttf?-ajbl0g) format("truetype"),url(../fonts/feather/fonts/feather.woff?-ajbl0g) format("woff"),url(../fonts/feather/fonts/feather.svg?-ajbl0g#feather) format("svg");font-weight:400;font-style:normal}.icon{font-family:feather;line-height:1}.icon--zoom:before{content:"\e036"}.icon--circle-cross:before{content:"\e602"}.icon--arrow-right:before{content:"\e600"}.icon--arrow-left:before{content:"\e601"}@font-face{font-family:portfolio;src:url(../fonts/portfolio/fonts/portfolio.eot);src:url(../fonts/portfolio/fonts/portfolio.eot?#iefix) format("embedded-opentype"),url(../fonts/portfolio/fonts/portfolio.woff) format("woff"),url(../fonts/portfolio/fonts/portfolio.ttf) format("truetype"),url(../fonts/portfolio/fonts/portfolio.svg#portfolio) format("svg");font-weight:400;font-style:normal}.portfolio-icon:after{font-family:portfolio;text-align:center;color:#c00}.portfolio-icon-github:after{content:'G'}.portfolio-icon-codepen:after{content:'c'}.portfolio-icon-mail:after{content:'m'}.portfolio-icon-drupal:after{content:'d'}.css-mb .mb-body:before,.css-mb .mb-display:after,.css-mb .mb-display:before{content:''}.css-mb{max-width:900px;min-width:320px;margin:0 auto}.css-mb div{box-sizing:border-box!important}.css-mb .mb-display-position{width:84%;margin:0 auto}@media (max-width:40em){.css-mb .mb-display-position{width:90%}}.css-mb .mb-display{position:relative;width:100%;height:0;padding-bottom:65.9442%;background:#373435;-webkit-border-top-left-radius:3.5% 5.3075%;-moz-border-radius-topleft:3.5% 5.3075%;border-top-left-radius:3.5% 5.3075%;-webkit-border-top-right-radius:3.5% 5.3075%;-moz-border-radius-toptight:3.5% 5.3075%;border-top-right-radius:3.5% 5.3075%}.css-mb .mb-display:before{display:block;position:absolute;top:3%;left:50%;width:1%;height:1.5164%;margin-left:-.5%;border-radius:50%;background:#525252}.css-mb .mb-display:after{display:none;position:absolute;right:.4%;top:.64%;width:62.5%;height:100%;background:0 0;background:-moz-linear-gradient(55deg,transparent 61%,rgba(255,255,255,.05) 61%);background:-webkit-linear-gradient(36deg,transparent 61%,rgba(255,255,255,.05) 61%);background:-o-linear-gradient(55deg,transparent 61%,rgba(255,255,255,.05) 61%);background:-ms-linear-gradient(55deg,transparent 61%,rgba(255,255,255,.05) 61%);background:linear-gradient(55deg,transparent 61%,rgba(255,255,255,.05) 61%);-webkit-border-top-right-radius:5.3075%;-moz-border-radius-toptight:5.3075%;border-top-right-radius:5.3075%}.css-mb.with-glare .mb-display:after{display:block}.css-mb .mb-screen-position{position:absolute;top:6.5%;width:93.2%;left:3.4%;height:0;margin:0;padding-bottom:58.25%}.css-mb .mb-screen{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#4b4b4d}.css-mb .mb-screen img{max-width:100%;height:auto}.css-mb .mb-screen iframe{width:100%;height:100%;border:0}.css-mb .mb-body{position:relative;width:100%;height:0;padding-bottom:2.3%;background:#e6e7e8}.css-mb .mb-body:before{display:block;position:absolute;top:0;left:50%;width:14.0740%;height:0;padding-bottom:1.4814%;margin-left:-7.037%;background:#a9abae;-webkit-border-bottom-left-radius:7.0370% 50%;-moz-border-radius-bottomleft:7.0370% 50%;border-bottom-left-radius:7.0370% 50%;-webkit-border-bottom-right-radius:7.0370% 50%;-moz-border-radius-bottomtight:7.0370% 50%;border-bottom-right-radius:7.0370% 50%}.css-mb .mb-bottom-cover{width:100%;height:0;padding-bottom:.7407%;background:#a9abae;-webkit-border-bottom-left-radius:12% 600%;-moz-border-radius-bottomleft:12% 600%;border-bottom-left-radius:12% 600%;-webkit-border-bottom-right-radius:12% 600%;-moz-border-radius-bottomtight:12% 600%;border-bottom-right-radius:12% 600%}*,:after,:before{box-sizing:border-box}html{overflow-y:scroll}.button,.container,body,html{overflow:hidden}body,html{font-size:100%;margin:0;padding:0}.cf:after,.cf:before{content:' ';display:table}.cf:after{clear:both}.hidden{position:absolute;opacity:0;pointer-events:none}body{font-family:Ubuntu,sans-serif;color:#CECECE;background:#222125}a:focus{color:#ddd}a:hover{color:#fff}.bp-header{margin:0 auto;padding:3em 3em 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:40em){.bp-header{padding:1em 3em 0;text-align:center}.bp-header>span{text-indent:30px}.bp-header>span span:hover:before{right:0}.bp-header .home{margin-left:auto;margin-right:auto}}.bp-header nav{position:relative;z-index:100;margin:-2em 0 0 auto}@media (max-width:40em){.bp-header nav{margin:0;width:100%}}.bp-header nav a{position:relative;display:inline-block;width:2.4em;height:2.4em;margin:0 .1em;text-align:left;border-radius:50%}.bp-header nav a>span{display:none}.bp-header nav a:hover:before{content:attr(data-info);color:#595A5F;font-weight:700;font-size:.85em;position:absolute;top:110%;right:20%;width:600%;text-align:right;pointer-events:none}.bp-header nav a:hover{background:#c00}.bp-header nav .portfolio-icon:after{line-height:2.4;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0}.container,.slider{position:relative;width:100%}.bp-header nav a:hover:after{color:#fff}body,html{height:100%}.container{overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch}.noscroll .container{overflow-y:hidden}.slider{z-index:200;margin:0 auto;padding:0 0 5em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.slide{position:absolute;top:0;visibility:hidden;width:100%;opacity:0}.slide--current,.slide__mover{position:relative;z-index:100}.slide--current{visibility:visible;opacity:1}.slide__title{font-size:1.75em;font-weight:400;margin:0 auto;padding:1em 0 0}.slide__title span{font-size:55%;font-weight:700;display:block;letter-spacing:2px;text-transform:uppercase;color:#35303d}.slider__nav{position:absolute;bottom:2em;width:100%;text-align:center}.button{font-size:1.31em;position:relative;display:inline-block;margin:0 25px;padding:0;color:#c00;border:none;background:0 0}.content,.preview{overflow:hidden;background:#18191b}.button:focus{outline:0}.button:hover{color:#fff}.text-hidden{position:absolute;top:200%}.button--close{font-size:1.55em;position:absolute;top:30px;right:30px;margin:0;opacity:0;color:#50505a;-webkit-transition:opacity .3s;transition:opacity .3s}.content--open .button--close{opacity:1}.zoomer{position:relative;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.flex-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.zoomer__image{display:block;margin:0 auto}.preview{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.preview img{display:block;border-radius:inherit;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.zoomer--active img{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.rounded{border-radius:15px}.rounded-right{border-radius:0 15px 15px 0}.preview__content{position:absolute;top:0;left:100%;width:100%;height:100%;border-radius:inherit}.content{position:fixed;z-index:1000;top:0;left:-100%;overflow-y:scroll;width:100%;height:100vh;-webkit-overflow-scrolling:touch}.content--open{left:0}.content__item{position:absolute;top:0;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;height:0;min-height:100%;margin:0 auto;padding:2em 0;pointer-events:none;opacity:0;color:#fff;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.content__item--current{pointer-events:auto;opacity:1}.content__item--reset{height:auto}.content h2{font-size:3.5em;font-weight:400;margin:0}.content h3{font-size:1.95em;font-weight:400;margin:.25em 0 .5em;color:#685884}.content p{font-size:1.25em;line-height:1.5}.content__item-img{display:block;max-width:40vw;max-height:80vh;-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0);-webkit-flex:none;-ms-flex:none;flex:none}.content__item--current .content__item-img{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.content__item-inner{padding:0 10vw;opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.content__item--current .content__item-inner{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.zoomer.zoomer--notrans{-webkit-transition:none;transition:none}.zoomer__image{-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}.zoomer--active .zoomer__image{opacity:0;-webkit-transition-delay:0s;transition-delay:0s}.preview img{-webkit-transition:-webkit-transform .6s .3s;transition:transform .6s .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.zoomer--active .preview img{-webkit-transition:-webkit-transform .3s;transition:transform .3s}.content{-webkit-transition:left 0s;transition:left 0s}.content__item{-webkit-transition:opacity 0s;transition:opacity 0s}.content,.content__item{-webkit-transition-delay:.3s;transition-delay:.3s}.content--open,.content__item--current{-webkit-transition:none;transition:none}.content__item-img{-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,1,.8,1);transition-timing-function:cubic-bezier(.7,1,.8,1)}.content__item--current .content__item-img{-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transition-duration:1s;transition-duration:1s}.content__item-inner{-webkit-transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.7,1,.8,1),ease;transition-timing-function:cubic-bezier(.7,1,.8,1),ease}.content__item--current .content__item-inner{-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1),ease;transition-timing-function:cubic-bezier(.2,1,.3,1),ease;-webkit-transition-duration:1.7s;transition-duration:1.7s}@media screen and (max-width:50em){.content__item{display:block}.content__item-img{max-width:calc(100% - 80px);max-height:70vh}.content h2{font-size:3em}.content__item-inner{font-size:82%;padding:4em 3em 2em}}.wrapper-macbook{width:80%;max-width:1000px;margin:1em auto}@media (max-width:40em){.wrapper-macbook{width:95%}}img{opacity:1;-webkit-transition:opacity .3s;-khtml-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}img[data-src]{opacity:0}