@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat-Bold'),url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff')}@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?e5g3nx');src:url('../fonts/icomoon.eot?#iefixe5g3nx') format('embedded-opentype'),url('../fonts/icomoon.woff?e5g3nx') format('woff'),url('../fonts/icomoon.ttf?e5g3nx') format('truetype'),url('../fonts/icomoon.svg?e5g3nx#icomoon') format('svg');font-weight:normal;font-style:normal}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}*{box-sizing:border-box;color:inherit;font:inherit}body{background:#fff;font:16px/1.8 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif}a{text-decoration:none;color:#f6862c;border-bottom:1px solid transparent}a:hover{border-bottom:1px solid #f6862c}h1,h2,h3,h4,h5,h6{margin:0 0 2rem;color:#333}h1{font-size:2.6rem;font-weight:bold;line-height:1.6}h2{font-size:1.8rem;font-weight:bold}h3{font-size:1.4rem}h4{font-size:1.4rem;color:#aaa}h6{font-size:1rem;color:#888}ul,p{color:#888;font-size:1rem;margin:0 0 2rem}blockquote{margin:0 0 2rem;border-left:4px solid rgba(246,134,44,0.4);padding-left:2rem}blockquote p{font-size:1rem;color:#888;margin:0 0 0.8rem}blockquote cite{color:#bbb;display:inline-block;font-size:1rem}code{font-size:1rem;background:#dfdfdf;display:inline;color:#6c5b4d;padding:2px 4px;border-radius:3px}input,textarea,select{outline:none;border-radius:0;-webkit-appearance:none;font:inherit;font-size:1rem}input,textarea{border:1px solid #ccc;padding:0.8rem 1rem 0.6rem;resize:none;color:#888}input[type=text],input[type=email]{width:100%}input:focus,textarea:focus{border-color:#888}textarea{width:100%;height:15rem}label{display:block;margin:0 0 0.5rem;color:#888}.input{margin:0 0 2rem;display:block}.input_text{max-width:30rem}.button{display:inline-block;line-height:1rem;padding:0.9rem 1.4rem 0.8rem;background:#f6862c;color:#fff;border-radius:3.2rem;border:none;font-size:1rem}.button:hover{background:#333;border:none}.button:after{content:' \2192'}.button_green{background:#008f69;color:#fff}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-twitter:before{content:"\e600"}.icon-github:before{content:"\e601"}.icon-blog:before{content:"\e602"}.inner{max-width:68.75rem;margin:0 auto}#content{width:47.6rem;float:left}#content *:last-child{margin-bottom:0!important}#sidebar{width:18.5rem;float:right}#sidebar .sidebar_section{background:#f2f2f2;padding:2rem;margin:0 0 3rem}#sidebar .sidebar_section:last-child{margin:0}#sidebar .sidebar_section a{color:#008f69}#sidebar .sidebar_section a:hover{border-bottom-color:#008f69}#sidebar .sidebar_section .button{background:#008f69;color:#fff}#sidebar .sidebar_section .button:hover{background:#333}#sidebar .sidebar_section h6{margin:0 0 1.4rem;color:#666}#sidebar .sidebar_section ul{padding:0 0 0 1.4rem}#sidebar .sidebar_section ul,#sidebar .sidebar_section p{color:#aaa;margin:0 0 1.4rem}#sidebar .sidebar_section ul:last-child,#sidebar .sidebar_section p:last-child{margin:0}#sidebar .sidebar_section input[type=text],#sidebar .sidebar_section input[type=email]{width:100%;margin:0 0 1.4rem}#sidebar a.sidebar_section{display:block;border:none}#sidebar a.sidebar_section:hover{background:#333}#sidebar a.sidebar_section:last-child{margin:0}#sidebar a.sidebar_section_green{background:#008f69}#sidebar a.sidebar_section_green h6{color:#fff}#sidebar a.sidebar_section_green p{color:rgba(255,255,255,0.6)}.section{width:100%;padding:3rem;position:relative}header{background:url('../img/shelf.jpg') center 100%;background-size:cover}header .overlay{background:rgba(246,134,44,0.88)}header .overlay_home{padding:3rem 1rem;background:rgba(246,134,44,0.88)}header .overlay_home #heading{padding:6rem 0 4rem 0!important}header .logo{float:left;line-height:0;border:none!important}header .logo img{height:60px}header nav{float:right;text-align:right;height:45px;line-height:60px}header nav ul{list-style:none;margin:0;padding:0}header nav ul li{display:inline-block;line-height:inherit;padding:0 1.2rem}header nav ul li:last-child{padding-right:0}header nav ul li a{color:#fff;display:block;border-bottom:2px solid transparent}header nav ul li a:hover,header nav ul li a.selected{border-bottom:2px solid #fff}header #heading{padding:3rem 0 2rem 0;color:#fff;text-align:center}header #heading h1{font-size:3rem;line-height:4.5rem;color:inherit;width:40rem;margin:0 auto;text-shadow:0 0 10px rgba(0,0,0,0.2)}header #heading .button{background:#fff;color:#f6862c}.heading{position:relative}.heading_inner{font-size:1rem;text-align:center;padding:0.6rem 0;font-weight:bold;color:#9C9C9C;position:absolute;top:-1.5rem;left:50%;z-index:999;width:10rem;margin-left:-5rem;background:#fff;border-radius:5rem}#projects .section .info{float:left;width:32rem;padding-top:3.4rem}#projects .section img{float:right;width:520px;height:367px;box-shadow:0 0 10px rgba(0,0,0,0.15)}#projects .section:nth-child(2n) .info{float:right}#projects .section:nth-child(2n) img{float:left}#projects #jsbin{background:rgba(0,0,0,0.05);padding-top:4rem!important}#projects #jsbin:after{content:"";background-image:url('../img/projects/jsbin_logo.png');background-position:center 60px;background-repeat:no-repeat;background-size:365px 512px;opacity:0.15;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}#projects #full_frontal:after{content:"";background-image:url('../img/projects/full_frontal_background.png');background-position:center bottom;background-repeat:repeat-x;opacity:0.1;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}#projects #nodemon{background:rgba(44,41,36,0.74)}#projects #nodemon h2,#projects #nodemon a{color:#fff}#projects #nodemon a:hover{border-color:#fff}#projects #nodemon p{color:rgba(255,255,255,0.5)}#projects #nodemon:after{content:"";background-image:url('../img/projects/nodemon_logo.png');background-position:center 60px;background-repeat:no-repeat;background-size:455px 512px;opacity:0.15;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}#formerly h2{font-size:1.4rem}#formerly h4{font-size:1.1rem}#formerly .about_avatar{height:6.9rem;width:6.9rem}#formerly .about_content{margin-left:10rem}.about{list-style:none;padding:0;margin:0;margin-bottom:2.8rem}.about li{position:relative;margin:0 0 2.8rem;overflow:hidden}.about li .about_avatar{height:13.8rem;width:13.8rem;float:left;top:0.8rem;left:0;background-size:cover!important;background-position:center center}.about li .about_content{margin-left:16.2rem}.about li .about_content h2{margin:0}.about li .about_content h4{margin-bottom:0}.about li .about_content .social{font-weight:bold;margin:1rem 0 1.2rem}.about li .about_content .social a{margin-right:1.4rem}.about li .about_content .social a:before{font-size:1.4rem;color:#f6862c;position:relative;top:5px;margin-right:0.4rem}.about li .about_content .social a:hover,.about li .about_content .social a:hover:before{border-bottom:1px solid transparent;color:#333}#training{list-style:none;padding:0;margin:0 0 1rem}#training li{float:left;display:block;padding:0 1rem 2rem 0;width:50%;height:15rem}#training li:nth-child(2n){padding-right:0;padding-left:1rem}#training li .background{width:100%;height:100%;background-size:cover!important;background-position:center center}#training li .background a{display:block;height:100%;width:100%;background:rgba(246,134,44,0.88);color:#fff;border:none;position:relative;font-size:1.2rem}#training li .background a:hover{background:rgba(51,51,51,0.9)}#training li .background a span{display:inline-block;position:absolute;bottom:2rem;left:2rem;right:2rem}#training #debug .background{background:url('../img/workshops/debug.jpg')}#training #node .background{background:url('../img/workshops/node.jpg')}#training #mobile .background{background:url('../img/workshops/mobile.jpg')}#training #html .background{background:url('../img/workshops/html.jpg')}#work_with_us{background:rgba(0,0,0,0.05);text-align:center}#work_with_us .inner{max-width:45rem}footer{background:#333;padding:3rem 3rem 2.7rem}footer p{margin:0;color:#888}footer .copyright{float:left}footer .contact{float:right;text-align:right}footer .contact strong{color:#fff;margin-right:15px}footer .contact strong:last-child{margin-right:0;margin-left:15px}@media screen and (max-width:75.75rem){#sidebar{float:none;width:100%;text-align:center}#content{float:none;width:100%;margin-bottom:3rem}}@media screen and (max-width:872px){#training li{width:100%;height:10.3rem;padding:0 0 2rem!important}}@media screen and (max-width:74.75rem){#projects .section .info{width:auto;padding-top:0}#projects .section .info a{margin:0 0 2rem;display:inline-block}#projects .section img{width:100%;height:auto}#projects #jsbin{padding-top:3rem!important}footer .copyright{float:none;text-align:center}footer .contact{float:none;text-align:center;margin:2rem 0 0}}@media screen and (max-width:46rem){header .inner{text-align:center}header .logo{float:none;position:relative;left:-1.9rem}header nav{float:none;text-align:center;margin:1rem 0 0}header nav li:first-child{padding-left:0}header #heading{display:none}#projects #jsbin:after{background-size:265px 332px}}@media screen and (max-width:760px){#formerly .about_content{margin-left:0}#formerly .social a:before{font-size:2rem;margin-right:0.5rem;width:25px}.about li .about_avatar{float:left;position:static;height:8rem;width:8rem;top:0;margin-bottom:1rem}.about li .about_content{margin-left:0}.about li .about_content h2,.about li .about_content h4,.about li .about_content .social{margin-left:10rem;line-height:2rem}.about li .about_content p:first-of-type{margin:2rem 0 0 0;clear:left}.about li .about_content p{font-size:1.15rem;line-height:1.5rem}}@media screen and (max-width:480px){#index header{background-position:0}header{background-position:0 -6px}html{font-size:12px}h1,h2,h3{line-height:1.4}.about li .about_content .social a{display:block;font-weight:200;margin-right:1rem;width:30px;display:inline-block;overflow:hidden}.about li .about_content .social a:before{font-size:2.5rem}header nav ul li{line-height:15px;font-size:1.2rem}header nav ul li a:hover,header nav ul li a.selected{line-height:30px;font-size:1.2rem}ul,p{font-size:1.3rem;line-height:1.5}ul{padding-left:2rem}.section{padding:2rem 1rem}footer.section{padding:2rem}footer p{font-size:1rem}header .section{padding:1.5rem 1rem 0.5rem 1rem}header .overlay_home{padding:1.5rem 1rem 2rem 1rem}#projects #jsbin{padding-top:2rem!important}header nav{margin:0;margin-top:0.5rem}header .logo{display:block;position:static;margin-left:-2rem}header .logo img{height:35px}#work_with_us p{text-align:left}}#play{box-sizing:content-box;position:relative;height:399px;margin:0 auto;width:529px;max-width:100%;border:1px solid #aaa;cursor:crosshair}#play .game{background-position:0 0;display:block;max-width:100%}#others{list-style:none;margin:0;padding:0!important;overflow:hidden}#others li{background:#fff;width:40%;padding:0;margin:0 1rem 1rem 0;float:left;display:inline-block;border:1px solid #ccc;opacity:0.9}#others li:hover{opacity:1;border:1px solid #999}#others li img{width:100%;cursor:pointer;display:block}