/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1{font-family:'Oswald', sans-serif;font-weight:700;font-size:2.8em;text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:#FF7D25}@media only screen and (max-width: 479px){h1{font-size:2.3em}}h2{font-family:'Source Sans Pro';font-weight:800;letter-spacing:1px;text-align:center;font-size:1.5em;text-transform:uppercase;color:#5a5a5a}h1,h2{margin:0}p{font-family:'Source Sans Pro';font-weight:300;margin:5px auto 80px auto;max-width:1100px;font-size:1.5em;padding:0 20px 0 20px;text-align:center;-webkit-transform-style:flat}@media only screen and (max-width: 479px){p{padding:0}}#works h2{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}@media only screen and (max-width: 479px){#works p{margin:auto 5% auto 5%}}#works .creek-color{color:#415a77}#works .creek-color:after{content:"Creekside Pizza"}#works .forge-color{color:#0098c2}#works .forge-color:after{content:"Forge Portland"}#contact h1{color:#fafafa}.mobile-clicker{display:none;position:fixed;bottom:20px;right:10px;z-index:1000;width:60px;height:60px;background:#fafafa;box-shadow:-1px 1px 10px -4px #000;border-radius:50px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all 0.3s ease-in-out,right 0.3s ease-in-out;transition:all 0.3s ease-in-out,right 0.3s ease-in-out}@media only screen and (max-width: 479px){.mobile-clicker{display:block}}.mobile-clicker #f{width:60px;height:50px;margin-top:5px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.mobile-clicker #f use{fill:#ff7d25}.mobile-menu{height:100%;width:100%;background:rgba(230,230,230,0.9);position:fixed;top:0;opacity:0;z-index:100;pointer-events:none;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.mobile-menu ul{z-index:1000;list-style-type:none;position:absolute;right:0px;bottom:120px;margin:0;width:100%;text-align:right}.mobile-menu ul li{height:50px;background:#fafafa;margin-bottom:1px}.mobile-menu ul li a{color:#FF7D25;font-size:1.5em;line-height:50px;display:block;width:100%;padding-right:65px}.mobile-menu ul li a svg{height:35px;width:40px;margin-top:7.5px;margin-right:20px;margin-left:10px;vertical-align:top}.open{opacity:1;pointer-events:auto}.rotate{background:none;box-shadow:none}.rotate #f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.dots{position:absolute;right:20px;height:240px;width:24px;z-index:1000;top:150%;margin-top:-120px;text-align:center}@media only screen and (max-width: 479px){.dots{display:none}}.dots ul{list-style-type:none;padding:0}.dots li:first-child{margin:0 0 10px 0}.dots li{margin:10px 0;list-style-type:none}.dots li:last-child{margin:10px 0 0 0}.dots span{width:15px;height:15px;display:inline-block;cursor:pointer;background:rgba(255,125,37,0.3);position:relative;border-radius:15px;-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}.dots .active{background:rgba(255,125,37,0.8)}.dots-fixed{position:fixed;top:50%}*{text-decoration:none;-webkit-tap-highlight-color:transparent}::-moz-selection{background:#FF7D25;color:#fafafa}::selection{background:#FF7D25;color:#fafafa}html,body{width:100%;height:100%;min-height:100%;font-size:100%;font-family:'Source Sans Pro', sans-serif}@media only screen and (max-width: 800px){html,body{font-size:95%}}@media only screen and (max-width: 479px){html,body{font-size:88%}}body{background:#fafafa;position:relative}.container{margin:0 auto;max-width:90%}.container:after{content:"";display:table;clear:both}.full-opacity{opacity:1 !important}.zero-opacity{opacity:0 !important}.hard-accell{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.logo{height:40px;width:138px;padding:0;margin-top:20px;margin-left:20px;z-index:100;position:absolute;top:100%}.logo a svg{width:138px;height:40px;opacity:1 !important}@media only screen and (max-width: 479px){.logo{display:none}}.logo-fixed{position:fixed;top:0%}#mission,#process,#servicesIntro,#services,#works,#contact{width:100%;min-height:100%;background:#fafafa;display:table}#mission .center-content,#process .center-content,#servicesIntro .center-content,#services .center-content,#works .center-content,#contact .center-content{display:table-cell;vertical-align:middle}#home{width:100%;min-height:100%;position:relative;text-align:center;z-index:-1}#home .fixed-center-wrapper{background:url("../../images/orange.jpg") center center no-repeat;background-size:cover;position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-webkit-transform-style:flat;transform-style:flat;width:100%;height:100%;display:table;top:0;z-index:0}@media only screen and (max-width: 479px){#home .fixed-center-wrapper{background:url("../../images/orange-mobile.jpg") center center no-repeat;background-size:cover}}#home .fixed-center-content{z-index:0;display:table-cell;vertical-align:middle;background:rgba(250,250,250,0.5)}#home p{font-size:2em;font-weight:normal;padding:0;letter-spacing:59px;padding-left:59px;text-transform:uppercase;color:#FF7D25;font-weight:400;margin-bottom:0;margin-top:20px;opacity:1 !important}@media only screen and (max-width: 479px){#home p{font-size:1.5em;letter-spacing:16px;padding-left:15px}}@media only screen and (max-width: 350px){#home p{font-size:1.5em;letter-spacing:10px;padding-left:15px}}#home .logo1{width:400px;height:144.8px;opacity:1 !important}@media only screen and (max-width: 479px){#home .logo1{width:300px;height:108.6px}}@media only screen and (max-width: 350px){#home .logo1{width:260px;height:94.12px}}#mission{text-align:center}#mission h1{color:#FF7D25}#mission p{margin-bottom:0;z-index:1000;max-width:70%;color:#676767}@media only screen and (max-width: 479px){#mission p{max-width:90%}}#mission .center-content{-webkit-backface-visibility:hidden;-webkit-perspective:1000}#servicesIntro .part1 h1{color:#FF7D25}#servicesIntro .part1 p{margin-bottom:0;max-width:70%;color:#676767}@media only screen and (max-width: 479px){#servicesIntro .part1 p{max-width:90%}}#servicesIntro .center-content{max-width:90%;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.servicesBody{background:#ededed;position:relative;width:100%;float:left}.servicesBody h1{color:#FF7D25;margin-top:80px}.servicesBody h1:first-child{margin-top:80px;padding-top:0}.servicesBody p{color:#3f3f3f}@media only screen and (max-width: 479px){.servicesBody p{margin:0 10px 60px 10px}}.servicesBody h2{text-align:left}.servicesBody .servicesText{margin:0 20px 0 120px}@media only screen and (max-width: 479px){.servicesBody .servicesText{margin:0 0 0 120px}}.servicesBody .servicesText p{text-align:left;font-size:1.2em;margin:0;line-height:1.4em;padding:0}.servicesBody img{vertical-align:middle;float:left;border-radius:100px}.servicesBody .svg-wrap{width:100px;height:100px;float:left;vertical-align:middle}.servicesBody svg{width:100%;height:100%}.servicesBody .container{max-width:1140px}@media only screen and (max-width: 1140px){.servicesBody .container{max-width:90%}}.servicesBody .responsive{width:100%;float:left;text-align:center}.servicesBody .responsive .half{width:50%;float:left;padding-bottom:20px}@media only screen and (max-width: 800px){.servicesBody .responsive .half{width:95%;margin-left:2.5%}}.servicesBody .last{margin-bottom:80px}#process{background:#ededed;text-align:center;position:realtive}#process h1{color:#FF7D25}@media only screen and (max-width: 900px){#process h1{margin-top:80px}}#process h2{margin:10px 0 8px 0;font-size:1.5em;word-spacing:600px;line-height:1em}#process p{color:#3f3f3f}@media only screen and (max-width: 479px){#process p{margin-bottom:30px;padding-left:10px;padding-right:10px;font-size:1.4em}}#process .half p{margin:0 20px;font-size:1.2em;line-height:1.4em;padding:0;margin-bottom:50px}#process .svg-wrap{width:160px;height:160px;margin-bottom:40px;display:inline-block}@media only screen and (max-width: 479px){#process .svg-wrap{width:120px;height:120px;margin-bottom:5px;margin-top:20px}}#process svg{width:100%;height:100%}#process .container{max-width:1140px}#process .responsive{width:50%;float:left}@media only screen and (max-width: 900px){#process .responsive{width:100%}}#process .responsive .half{width:50%;float:left}@media only screen and (max-width: 600px){#process .responsive .half{width:100%}}#works{color:#3f3f3f}#works h1{margin-bottom:15px}@media only screen and (max-width: 479px){#works h1{margin-top:40px}}#works h2{font-size:2em;margin-top:20px;color:#415a77}#works .container{max-width:1140px;width:100%}#works .images-wrap{width:100%}#works .responsive{text-align:center;position:relative;width:100%}#works .icon-phone{height:250px;width:122px;position:absolute;z-index:2;left:100px;bottom:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-transition:left 0.5s cubic-bezier(0.19, 0.3, 0.35, 0.96);transition:left 0.5s cubic-bezier(0.19, 0.3, 0.35, 0.96)}@media only screen and (max-width: 925px){#works .icon-phone{left:50px}}@media only screen and (max-width: 880px){#works .icon-phone{margin-left:2.5%;left:0px}}@media only screen and (max-width: 760px){#works .icon-phone{height:225px;width:109.8px}}@media only screen and (max-width: 600px){#works .icon-phone{height:175px;width:85.4px}}@media only screen and (max-width: 500px){#works .icon-phone{height:150px;width:73.2px}}@media only screen and (max-width: 400px){#works .icon-phone{height:125px;width:61px}}@media only screen and (max-width: 350px){#works .icon-phone{height:112.5px;width:54.9px}}#works .icon-phone #icon-phone{width:100%;height:100%}#works .icon-desktop{height:400px;width:676px;position:relative;display:inline-block;z-index:1;right:0;left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-transition:left 0.5s cubic-bezier(0.19, 0.3, 0.35, 0.96);transition:left 0.5s cubic-bezier(0.19, 0.3, 0.35, 0.96)}@media only screen and (max-width: 760px){#works .icon-desktop{height:360px;width:608.4px}}@media only screen and (max-width: 680px){#works .icon-desktop{height:320px;width:540.8px}}@media only screen and (max-width: 600px){#works .icon-desktop{height:280px;width:473.2px}}@media only screen and (max-width: 500px){#works .icon-desktop{height:240px;width:405.6px}}@media only screen and (max-width: 400px){#works .icon-desktop{height:200px;width:338px}}@media only screen and (max-width: 350px){#works .icon-desktop{height:180px;width:304.2px}}#works .icon-desktop #icon-desktop{width:100%;height:100%}#works .icon-tablet{height:320px;width:226.464px;position:absolute;z-index:2;right:0;bottom:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-transition:right 0.5s cubic-bezier(0.19, 0.3, 0.35, 0.96);transition:right 0.5s cubic-bezier(0.19, 0.3, 0.35, 0.96)}@media only screen and (max-width: 1230px){#works .icon-tablet{margin-right:50px}}@media only screen and (max-width: 760px){#works .icon-tablet{height:288px;width:203.8176px}}@media only screen and (max-width: 680px){#works .icon-tablet{height:256px;width:181.1712px}}@media only screen and (max-width: 600px){#works .icon-tablet{height:224px;width:158.5248px}}@media only screen and (max-width: 500px){#works .icon-tablet{height:192px;width:135.8784px}}@media only screen and (max-width: 400px){#works .icon-tablet{height:160px;width:113.232px;margin-right:2.5%}}@media only screen and (max-width: 350px){#works .icon-tablet{height:144px;width:101.9088px;margin-right:2.5%}}#works .icon-tablet #icon-tablet{width:100%;height:100%}#works .works-dots{text-align:center;margin-top:20px;position:relative;height:25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width: 479px){#works .works-dots{height:40px}}#works .works-dots .dot{width:15px;height:15px;border-radius:15px;margin:auto 2px auto 2px;display:inline-block;background:rgba(255,125,37,0.3);vertical-align:middle;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out}#works .works-dots .active{background:#ff7d25}#works .description{position:relative}#works .icon-arrow{height:25px;width:11.75px;margin:0 10px;top:0px;fill:rgba(255,125,37,0.7);cursor:pointer;-webkit-transition:fill 0.2s ease-in-out;transition:fill 0.2s ease-in-out}#works .icon-arrow:hover{fill:#ff7d25}@media only screen and (max-width: 479px){#works .icon-arrow{height:40px;width:18.8px;fill:#ff7d25}}#works .icon-arrow.left{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);left:0}#works .icon-arrow.right{right:0}#works #site-name,#works #site-desc{opacity:1;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}#works #site-desc{margin-bottom:0}@media only screen and (max-width: 479px){#works #site-desc{margin-bottom:40px}}#works .fade-out{opacity:0 !important;pointer-events:none}#works .creek-content:after{content:"Creekside pizza needed a site to create a better pre-dining experience for their customers. The site is layed out so that someone can find exactly what they are looking for no matter what device they are using."}#works .forge-content:after{content:"Working with the co-working space Forge Portland, we deployed a website that showcases their community outreach, while fostering growth through their business support programs."}@-webkit-keyframes sending{from{-webkit-transform:scale(1, 0.6);transform:scale(1, 0.6)}to{-webkit-transform:scale(1, 0.8);transform:scale(1, 0.8)}}@keyframes sending{from{-webkit-transform:scale(1, 0.6);transform:scale(1, 0.6)}to{-webkit-transform:scale(1, 0.8);transform:scale(1, 0.8)}}#contact{text-align:center;background:url("../../images/orange-city.jpg") center center no-repeat;background-size:cover;color:white;z-index:2;height:100%}@media only screen and (max-width: 479px){#contact{background:url("../../images/orange-city-mobile.jpg") center center no-repeat;background-size:cover}}#contact h1{margin-top:60px;color:#FF7D25}#contact h4{display:inline;padding:0 20px 0 5px}#contact .overlay{width:100%;height:100%;min-height:100%;display:table;text-align:center;background:rgba(250,250,250,0.6)}#contact .success{margin:auto;max-width:50%;text-shadow:0 1px 0 rgba(255,255,255,0.5);color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6;border-radius:4px}#contact .error{margin:auto;padding:1em;max-width:50%;text-shadow:0 1px 0 rgba(255,255,255,0.5);color:#b94a48;background-color:#f2dede;border:1px solid rgba(185,74,72,0.3);border-radius:4px}#contact form{display:inline-block;max-width:500px;width:90%;font-weight:400;color:#676767;text-align:left;font-size:1.2em}#contact form .formtext,#contact form .description{width:100%;height:40px;border:1px solid #b3b3b3;border-radius:0;box-sizing:border-box;background:rgba(250,250,250,0.9);-webkit-transition:background 0.1s ease-in-out;transition:background 0.1s ease-in-out}#contact form label{font-weight:400}#contact form label span{color:#FF7D25}#contact form .formtext{height:40px}#contact form .description{height:220px;padding-top:5px;resize:none}#contact form .formline{width:100%;padding-bottom:10px;box-sizing:border-box}#contact form .submit{padding-bottom:0;padding-top:10px;position:relative}#contact h3{margin:0;margin-top:40px;font-size:1.3em;font-weight:300;color:#676767}@media only screen and (max-width: 479px){#contact h3{font-size:1.8em;margin-top:20px}}#contact p{max-width:500px;margin:auto;margin-bottom:20px;font-weight:300;color:#676767;padding:0}@media only screen and (max-width: 479px){#contact p{max-width:90%;margin-bottom:20px}}#contact p.number{font-weight:300;font-size:1.3em}@media only screen and (max-width: 479px){#contact p.number{margin-bottom:30px}}#contact p.number a{color:#fafafa}#contact input:focus,#contact #description:focus{outline:none;color:#676767;background:#f0f0f0}#contact input:focus::-webkit-input-placeholder,#contact #description:focus::-webkit-input-placeholder{color:transparent}#contact input:focus::-moz-placeholder,#contact #description:focus::-moz-placeholder{color:transparent}#contact input:focus:-ms-input-placeholder,#contact #description:focus:-ms-input-placeholder{color:transparent}#contact input:focus::placeholder,#contact #description:focus::placeholder{color:transparent}#contact button{position:relative;overflow:hidden;height:40px;line-height:40px;width:100%;border:none;background:#ff8c3f;color:#fafafa;font-size:1.2em;outline:none;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out}#contact button .button-content{position:absolute;width:200%;top:0;left:-100%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#contact button .button-content:hover{left:0}#contact button .svg-wrap{height:80px;position:relative;left:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#contact button .success{-webkit-transform:translate3d(0, -40px, 0);transform:translate3d(0, -40px, 0)}#contact button svg{height:40px;width:50%;left:0;position:absolute;-webkit-transition:left 0.5s ease-in-out;transition:left 0.5s ease-in-out}#contact button svg:first-child{-webkit-transform:scale(1, 0.8);-ms-transform:scale(1, 0.8);transform:scale(1, 0.8)}#contact button svg:last-child{height:30px;margin-top:5px;top:40px}#contact button svg use{fill:white}#contact button .animate{left:0}#contact button .animate svg:first-child{-webkit-animation:sending 0.9s ease-in-out infinite alternate;animation:sending 0.9s ease-in-out infinite alternate}#contact button p{position:absolute;right:0;top:0;width:50%;color:white;background:#FF7D25;font-size:1.1em;text-transform:uppercase}