@import url(http://fonts.googleapis.com/css?family=Lato:100,300,700,300italic);article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}html{font-size:100%;-ms-text-size-adjust:100%}a:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}a:active,a:hover{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label,select{cursor:pointer}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:none}body,html{height:100%;width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}body{color:#000;font:300 40px/1.35em Lato,Helvetica,Arial,sans-serif;font-size:4vw;margin:0;padding:0;position:relative;width:100%}#page{overflow:hidden;height:400%;width:100%}a{color:#999;text-decoration:none}a i.icon svg *{fill:#999}a:active,a:focus,a:hover{color:#00e693}a:active i.icon svg *,a:focus i.icon svg *,a:hover i.icon svg *{fill:#00e693}i.icon svg{height:96%;margin:2%;width:96%}span{white-space:nowrap}h1{font-size:2.5em;font-weight:100;line-height:.75em;text-transform:uppercase;width:100%}h1 span{display:none}h1 em,h1 strong{display:block;font-style:normal}h1 strong{font-size:.535em}h1 em{font-size:.271em;font-weight:300;line-height:.55em}h2{font-size:.8em;line-height:1.3em;margin:.9em 0 -.3em;text-transform:uppercase}h3{font-size:.9em;font-weight:100;line-height:1.3em;margin:1.6em 0;text-transform:uppercase}h3 strong{font-weight:300}.wrapper{margin:0 auto;overflow:hidden;width:100%}.license{color:#999;font-size:.2em;line-height:normal;padding:30px;text-align:center}.license a{color:#999}p{font-size:.55em;line-height:1.35em;margin:.9em 0;text-align:left}section{display:table;min-height:25%;position:relative;width:100%;z-index:1}section .deco{position:absolute;width:100%;z-index:2}section article{display:table-cell;text-align:center;vertical-align:middle;padding:0 2em;position:relative;z-index:3}#pmgodin .deco{left:-40%;top:0;width:75%}#front-end-punk{font-size:1em}#front-end-punk .link{display:block;width:50%}#experience{font-size:.9em}#experience a:active,#experience a:focus,#experience a:hover{color:#f50}#experience a:active i.icon svg *,#experience a:focus i.icon svg *,#experience a:hover i.icon svg *{fill:#f50}#experience .deco{right:-70%;top:-15%}#experience .behance{display:block;font-size:.7em;line-height:1.4em;margin:0 auto;text-align:center}#experience .behance i.icon{display:block;height:5em;margin:0 auto .5em;width:5em}#engagez-moi h2{font-weight:300}#engagez-moi h2 strong{display:block;font-size:.6em;font-style:normal;line-height:1.9em}#engagez-moi a{white-space:nowrap}#engagez-moi a:active,#engagez-moi a:focus,#engagez-moi a:hover{color:#b8e600}#engagez-moi a:active i.icon svg *,#engagez-moi a:focus i.icon svg *,#engagez-moi a:hover i.icon svg *{fill:#b8e600}#engagez-moi .deco{left:-5%;top:35%;width:125%}i.icon{display:inline-block;height:1.2em;margin:.8em auto;width:1.2em}.photopm{float:right;border:.05em solid #000;margin:-.3em 0 2em 2em;padding:.2em;width:40%}.col{box-sizing:border-box;float:left;padding-right:1em;text-align:left;width:50%}.col.right{font-size:.8em;padding-left:1em;padding-right:0}.col.right h2{margin-top:1.3em}.col.right p{line-height:1.6em}.col.right strong{color:#666;font-weight:300;white-space:nowrap}.social{margin-top:-.7em}.social a{display:inline-block;margin:0 .1em;opacity:.2}.social a i.icon{height:1.3em;margin:0;width:1.3em}.social a:active,.social a:focus,.social a:hover{opacity:1}@media screen and (max-width:1024px){.wrapper{max-width:1024px}}@media screen and (max-width:768px){.wrapper{max-width:768px}}@media screen and (max-width:480px){body{font-size:23px}.wrapper{max-width:480px}}@media screen and (max-width:414px){body{font-size:23px}.wrapper{max-width:320px}section article{padding:0 1em}}