*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{overflow-y:scroll}body{padding-bottom:3em}img{max-width:100%}html{font-family:'Open Sans',sans-serif;font-weight:300}small{font-size:.8125em}.large{font-size:1.25em}p{line-height:1.5}a.button{background:#eee;border-bottom:2px solid #666;color:#000;display:inline-block;padding:1em 2em;text-decoration:none;text-transform:uppercase;-webkit-transition:background .4s,border-bottom-color .4s,color .4s;transition:background .4s,border-bottom-color .4s,color .4s}a.button:hover{background:#ddd;border-bottom-color:#1949B0;color:#133683}.alert{background:#fdd;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 0 2em rgba(51,0,0,.2);margin:0;padding:1em 0 .8em;text-align:center;width:300px;position:fixed;bottom:0;left:calc(50% - 150px);z-index:10000}.alert.ie{padding-left:1em;padding-right:1em;width:auto;top:0;right:0;bottom:auto;left:0}.container{margin:0 auto;max-width:1400px}.content{padding:6em 50px 0;text-align:center;-webkit-transition:opacity .6s,padding .6s,-webkit-transform .6s;transition:opacity .6s,padding .6s,transform .6s;width:100%;top:0;left:0}@media (max-width:767px){.content{padding-top:10em}}@media (max-width:450px){.content{padding:10em 25px 0}}.content.transition-in{-webkit-transform:translateY(100vh);-ms-transform:translateY(100vh);transform:translateY(100vh)}.content.transition-out{height:100vh;opacity:0;overflow:hidden;-webkit-transform:translateY(-100vh);-ms-transform:translateY(-100vh);transform:translateY(-100vh);position:absolute}body>footer{display:none}header{text-align:center;-webkit-transition:margin .6s,top .6s,left .6s,width .6s;transition:margin .6s,top .6s,left .6s,width .6s;position:relative;z-index:5}header.primary{margin-top:0;width:80px;position:absolute;top:3em;left:5em}@media (max-width:1279px){header.primary{top:2em;left:2em}}@media (max-width:767px){header.primary{left:50%;margin-left:-25px;width:50px}}header.primary h1,header.primary h2{font-size:0}@media (max-width:767px){header.primary h1:before{height:50px;width:50px}}[data-ie="7"] header.primary h1:before,[data-ie="8"] header.primary h1:before{background-image:url(../img/logo-80.png)}.home header.primary{margin-left:0;margin-top:30%;margin-top:calc(40vh - 4em);top:0;left:0;width:100%}.home header.primary h1,.home header.primary h2{border-bottom:1px solid;font-size:3.625em}@media (max-width:767px){.home header.primary h1,.home header.primary h2{font-size:2.375em}}@media (max-width:450px){.home header.primary h1,.home header.primary h2{font-size:1.25em}}.home header.primary h1:before,.home header.primary h2:before{margin-right:60px}@media (max-width:767px){.home header.primary h1:before,.home header.primary h2:before{margin-right:40px}}@media (max-width:450px){.home header.primary h1:before,.home header.primary h2:before{margin-right:20px}}.home header.primary .tag{display:block}@media (max-width:767px){header.secondary h1,header.secondary h2{font-size:0}}header a{color:inherit}header h1,header h2{display:inline-block;font-size:3.625em;font-weight:300;letter-spacing:.3em;margin-bottom:.4em;padding-bottom:.4em;text-transform:uppercase;-webkit-transition:font-size .6s,letter-spacing .6s,margin .6s;transition:font-size .6s,letter-spacing .6s,margin .6s}@media (max-width:767px){header h1,header h2{font-size:2.375em}}@media (max-width:450px){header h1,header h2{font-size:1.25em}}header .tag{display:none;font-size:1.25em;margin:0 0 0 50%;text-align:left;text-transform:lowercase;-webkit-transition:font-size .6s;transition:font-size .6s}@media (max-width:450px){header .tag{font-size:.8125em}}.instruction{display:none;margin-top:6em;text-align:center}body>nav{position:absolute;top:3em;right:5em;z-index:5;-webkit-transition:top .6s,right .6s,margin .6s;transition:top .6s,right .6s,margin .6s}@media (max-width:1279px){body>nav{top:2em;right:2em}}@media (max-width:767px){body>nav{top:6em;right:50%;margin-right:-190px}.home body>nav{top:0}}@media (max-width:450px){body>nav{margin-right:-152.5px}}@media (max-width:330px){body>nav{margin-right:-125px}}body>nav:hover a:not(:hover):after{display:none}body>nav a{color:inherit;display:block;float:left;font-size:1.25em;padding:1em;text-decoration:none;text-transform:uppercase;-webkit-transition:font-size .6s;transition:font-size .6s;position:relative}.contact body>nav a.contact:after,.home body>nav a.home:after,.portfolio body>nav a.portfolio:after,body>nav a:hover:after{border-bottom:1px solid;content:'';display:block;position:absolute;right:1em;bottom:.8em;left:1em}@media (max-width:767px){body>nav a{display:inline-block;float:none}}@media (max-width:450px){body>nav a{font-size:1em}}@media (max-width:330px){body>nav a{font-size:.8125em}}.portfolio-container{margin:-25px}.portfolio-container .portfolio{overflow:hidden;list-style:none;margin:0 auto;padding:0;max-width:1650px}.portfolio-container .portfolio li{width:33.33333%;float:left;font-size:1.2em;margin:0;padding:0;-webkit-perspective:800px;perspective:800px;position:relative}@media (max-width:1099px){.portfolio-container .portfolio{max-width:1100px}.portfolio-container .portfolio li{width:50%}}@media (max-width:749px){.portfolio-container .portfolio{max-width:550px}.portfolio-container .portfolio li{width:100%}}.portfolio-container .portfolio li:after{content:'';display:block;padding-top:100%}.portfolio-container .portfolio li .tile{background-position:center center;background-size:cover;color:inherit;display:block;outline:transparent solid 1px;-webkit-transition:outline-color .4s,-webkit-transform .4s;transition:outline-color .4s,transform .4s;-webkit-tap-highlight-color:transparent;position:absolute;top:25px;right:25px;bottom:25px;left:25px}@media (max-width:749px){.portfolio-container .portfolio li .tile{outline-color:#ccc}}.portfolio-container .portfolio li .tile .backface{background:#eee;background:rgba(255,255,255,.9);opacity:0;overflow:hidden;padding:0 10%;padding:0 calc(15% - 1em);text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:opacity .4s;transition:opacity .4s;position:absolute;top:0;right:0;bottom:0;left:0;font-size:0}@media (max-width:749px){.portfolio-container .portfolio li .tile .backface{opacity:1;padding:0 10%;-webkit-transform:rotateY(0);transform:rotateY(0)}}.portfolio-container .portfolio li .tile .backface:before{content:'';display:inline-block;height:100%;vertical-align:middle}.portfolio-container .portfolio li .tile .backface>.backface-inner{display:inline-block;font-size:16px;font-size:1rem;max-width:100%;vertical-align:middle}.portfolio-container .portfolio li .tile h3{font-size:1.5em;font-weight:400;margin:0 0 .6em;padding-bottom:.6em;position:relative;text-transform:uppercase}.portfolio-container .portfolio li .tile h3:after{border-bottom:2px solid;content:'';position:absolute;bottom:0;left:20%;right:20%}.portfolio-container .portfolio li .tile p{font-weight:400}.portfolio-container .portfolio li:hover .tile{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media (max-width:749px){.portfolio-container .portfolio li:hover .tile{outline-color:#000;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}}.portfolio-container .portfolio li:hover .tile .backface{opacity:1}.content .portfolio-item{margin:0 auto;max-width:800px;text-align:left}.content .portfolio-item .tagline{font-size:1.25em}.content .portfolio-item .image-container{margin:0 auto;max-width:600px}.content .portfolio-item .image{height:0;padding-top:100%;position:relative}.content .portfolio-item .image .inner{position:absolute;top:0;right:0;bottom:0;left:0}#snake_food .snake_piece,#snake_snake .snake_piece{background:#000;display:block;height:18px;width:18px;position:absolute;left:50%}#snake_food .snake_piece{background:#fff;border:1px solid}