html,body{background:#222}.ws-logo{background-image:url(/images/portfolio/logos/aws-logo.svg)}.paisley-logo{background-image:url(/images/portfolio/logos/paisley-logo.svg)}.find-my-fonts-logo{background-image:url(/images/portfolio/logos/find-my-fonts-logo.svg)}.aa-insurance-logo{background-image:url(/images/portfolio/logos/aa-insurance-logo.svg)}.inflight-logo{background-image:url(/images/portfolio/logos/inflight-entertainment-logo.svg)}.youpost-logo{background-image:url(/images/portfolio/logos/youpost-logo.svg)}.greaves-logo{background-image:url(/images/portfolio/logos/greaves-logo.svg)}.hopster-logo{background-image:url(/images/portfolio/logos/hopster-logo.svg)}.savings-logo{background-image:url(/images/portfolio/logos/savings-advice-logo.svg)}.visit{border-radius:6px;padding:4px 18px;font-weight:600;border:1px solid transparent;text-decoration:none;display:inline-block;transition:linear .1s;margin-top:.8em;cursor:pointer;line-height:1.6em}.portfolio-items-wrapper{margin:0 auto;width:100%}.portfolio-items-wrapper .item{height:100vh;min-height:640px}.portfolio-items-wrapper .item h1 a,.portfolio-items-wrapper .item h2 a,.portfolio-items-wrapper .item p a{text-decoration:none;display:block}.portfolio-items-wrapper .item h1{font-weight:400;font-size:5em;line-height:1em;margin:0 0 .25em;text-indent:-9999px;overflow:hidden;background-position:left bottom;background-repeat:no-repeat}@media only screen and (max-width:639px){.portfolio-items-wrapper .item h1{font-size:4em;background-size:auto 100%}}@media only screen and (max-width:1023px){.portfolio-items-wrapper .item h1{background-position:center bottom}}.portfolio-items-wrapper .item h2{font-size:.8em;text-transform:uppercase;line-height:1.5em;letter-spacing:3px;margin:0;opacity:.8}.portfolio-items-wrapper .item p{font-size:14px;line-height:22px;opacity:.85;margin:1em auto}.portfolio-items-wrapper .item a{text-decoration:none}.portfolio-items-wrapper .item .visit{font-size:.8em}.portfolio-items-wrapper .item .media-wrapper a{outline:0}.portfolio-items-wrapper .item .surface-pro,.portfolio-items-wrapper .item .surface,.portfolio-items-wrapper .item .macbook{max-width:872px}.portfolio-items-wrapper .item .surface-pro img,.portfolio-items-wrapper .item .surface img,.portfolio-items-wrapper .item .macbook img{max-width:74%;margin:0 auto;display:block;padding:4.2% 0 8%}.portfolio-items-wrapper .item .surface-pro{background:url(/images/portfolio/landing/surface-pro.svg) no-repeat;background-size:contain}.portfolio-items-wrapper .item .surface-pro img{padding-top:4%}.portfolio-items-wrapper .item .surface{background:url(/images/portfolio/landing/surface.svg) no-repeat;background-size:contain}.portfolio-items-wrapper .item .surface img{padding-top:4.5%}.portfolio-items-wrapper .item .macbook{background:url(/images/portfolio/landing/macbook.svg) no-repeat;background-size:contain}@media only screen and (min-width:1024px){.portfolio-items-wrapper .item.left .media-wrapper{width:62%;margin-right:-6%;margin-left:6%}}.portfolio-items-wrapper .item h1,.portfolio-items-wrapper .item p,.portfolio-items-wrapper .item a{color:#fff}.portfolio-items-wrapper .item h2 a{color:rgba(255,255,255,0.8)}.portfolio-items-wrapper .item .visit{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}.portfolio-items-wrapper .item .visit:hover{border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.15)}.portfolio-items-wrapper .item.aa-insurance h1,.portfolio-items-wrapper .item.aa-insurance p,.portfolio-items-wrapper .item.aa-insurance a{color:rgba(40,40,40,0.9)}.portfolio-items-wrapper .item.aa-insurance h2{color:rgba(40,40,40,0.7)}.portfolio-items-wrapper .item.aa-insurance .visit{background:rgba(40,40,40,0.1);color:rgba(40,40,40,0.7)}.portfolio-items-wrapper .item.aa-insurance .visit:hover{border:1px solid rgba(40,40,40,0.3);color:rgba(40,40,40,0.9);background:rgba(40,40,40,0.15)}.portfolio-items-wrapper .item.ws{background:linear-gradient(135deg,#1fbcc4 0,#0f7ea3 100%)}.portfolio-items-wrapper .item.ws h1{background-size:contain}.portfolio-items-wrapper .item.paisley{background:url(/images/portfolio/landing/paisley.png),linear-gradient(120deg,#bb658f 0,#975793 100%);background-repeat:repeat,no-repeat;background-size:auto,cover}.portfolio-items-wrapper .item.paisley img{box-shadow:0 2px 6px rgba(0,0,0,0.15)}.portfolio-items-wrapper .item.paisley .media-wrapper img{max-width:100%}@media only screen and (max-width:1023px){.portfolio-items-wrapper .item.paisley{padding-top:20%}}.portfolio-items-wrapper .item.find-my-fonts{background:#589c97}.portfolio-items-wrapper .item.aa-insurance{background:#e4a701}.portfolio-items-wrapper .item.inflight-entertainment{background:linear-gradient(to bottom,#173a52 0,#3b7166 36%,#629073 75%,#5e9385 100%)}.portfolio-items-wrapper .item.inflight-entertainment h1{background-size:contain}@media only screen and (max-width:480px){.portfolio-items-wrapper .item.inflight-entertainment h1{font-size:2.5em;margin-bottom:.6em}}@media only screen and (max-width:1023px){.portfolio-items-wrapper .item.youpost{background:url(/images/portfolio/bgs/youpost-bg.png) repeat}}@media only screen and (min-width:1024px){.portfolio-items-wrapper .item.youpost{background-image:url(/images/portfolio/bgs/tablet.svg),url(/images/portfolio/bgs/youpost-bg.png);background-repeat:no-repeat,repeat;background-position:center center,center top;background-size:876px auto,auto}}@media only screen and (max-width:639px){.portfolio-items-wrapper .item.youpost h1{background-size:auto}}.portfolio-items-wrapper .item.greaves{background:#867ecc url(/images/portfolio/bgs/greaves-bg.jpg) center top no-repeat}@media only screen and (min-width:1920px){.portfolio-items-wrapper .item.greaves{background-size:cover}}.portfolio-items-wrapper .item.hopster{background:#8a9e3c url(/images/portfolio/bgs/auckland-skyline.svg) center bottom no-repeat}.portfolio-items-wrapper .item.hopster h1{font-size:6em}@media only screen and (min-width:1024px){.portfolio-items-wrapper .item.hopster .text{margin-left:6%;margin-right:-6%}}.portfolio-items-wrapper .item.hopster .media-wrapper{padding:6px}@media only screen and (max-width:1023px){.portfolio-items-wrapper .item.hopster .media-wrapper{overflow:hidden}}@media only screen and (max-width:1023px){.portfolio-items-wrapper .item.hopster .media-wrapper .phone{width:260px;padding-top:14%;padding-bottom:16%}}@media only screen and (min-width:1024px){.portfolio-items-wrapper .item.hopster .media-wrapper .phone{width:360px;padding-top:50px;padding-bottom:60px}}.portfolio-items-wrapper .item.hopster .media-wrapper .phone img{display:block;margin:0 3%;width:94%}.portfolio-items-wrapper .item.savings{background:#cd8923 url(/images/portfolio/bgs/savings-pattern.svg);background-size:20px auto}.portfolio-feature-wrapper .item{margin-bottom:1em;display:flex;align-items:center;justify-content:center;padding:0 4%;overflow-x:hidden}.portfolio-feature-wrapper .item .text{padding:3em 1em;flex:0 1 auto;max-width:420px}.portfolio-feature-wrapper .item .media-wrapper{flex:0 1 auto}.portfolio-feature-wrapper .item.left .text,.portfolio-feature-wrapper .item.right .text{max-width:420px}@media only screen and (max-width:639px){.portfolio-feature-wrapper .item .media-wrapper{margin:0}}@media only screen and (max-width:1023px){.portfolio-feature-wrapper .item{flex-flow:column nowrap;text-align:center}.portfolio-feature-wrapper .item .media-wrapper{overflow:hidden;margin:0 8%}.portfolio-feature-wrapper .item .media-wrapper>img{max-width:100%}}@media only screen and (min-width:1024px){.portfolio-feature-wrapper .item{flex-flow:row nowrap}.portfolio-feature-wrapper .item.left .text{order:1;max-width:400px}.portfolio-feature-wrapper .item.left .media-wrapper{order:2}.portfolio-feature-wrapper .item.right .media-wrapper{order:1}.portfolio-feature-wrapper .item.right .text{order:2;max-width:400px}}@media only screen and (min-width:1024px) and (max-width:1280px){.portfolio-feature-wrapper .item .media-wrapper{max-width:70%}.portfolio-feature-wrapper .item .media-wrapper>img{width:100%}}@media only screen and (min-width:1600px){.portfolio-feature-wrapper .item{padding:0 8%}}@media only screen and (min-width:1920px){.portfolio-feature-wrapper .item{padding:0 14%}}.portfolio-preview{max-width:1220px;margin:0 auto;padding:1.5rem 16px;display:flex;flex-flow:row wrap;justify-content:space-between}.portfolio-preview .item{min-width:33.33%}.portfolio-preview .item:nth-of-type(1) a{background:url(/images/portfolio/icons/previous.svg) left center no-repeat;padding-left:20px}.portfolio-preview .item:nth-of-type(3){text-align:center}.portfolio-preview .item:nth-of-type(3) a{background:url(/images/portfolio/icons/portfolio.svg) left center no-repeat;padding-left:20px}@media only screen and (max-width:639px){.portfolio-preview .item:nth-of-type(3){width:100%;text-align:center}}@media only screen and (min-width:640px){.portfolio-preview .item:nth-of-type(3){order:2}}.portfolio-preview .item:nth-of-type(2){text-align:right}.portfolio-preview .item:nth-of-type(2) a{background:url(/images/portfolio/icons/next.svg) right center no-repeat;padding-right:20px}@media only screen and (min-width:640px){.portfolio-preview .item:nth-of-type(2){order:3}}.portfolio-preview h3{margin:0}.portfolio-preview h3,.portfolio-preview a{font-size:1.5rem}.portfolio-preview a{padding:1em 0;display:inline-block;text-decoration:none;color:rgba(255,255,255,0.7);transition:color .1s}.portfolio-preview a:hover{color:#fff}.paisley .portfolio-preview a,.find-my-fonts .portfolio-preview a,.inflight-entertainment .portfolio-preview a,.hopster .portfolio-preview a,.youpost .portfolio-preview a,.savings .portfolio-preview a,.greaves .portfolio-preview a{color:rgba(255,255,255,0.7)}.paisley .portfolio-preview a:hover,.find-my-fonts .portfolio-preview a:hover,.inflight-entertainment .portfolio-preview a:hover,.hopster .portfolio-preview a:hover,.youpost .portfolio-preview a:hover,.savings .portfolio-preview a:hover,.greaves .portfolio-preview a:hover{color:#fff}.aa-insurance .portfolio-preview a{filter:invert(85%)}.portfolio-item-page-wrapper .project h1{font-size:2.8em;line-height:110%;font-weight:600;margin:0 0 .5em;padding-top:1.2em;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;background-position:center bottom}@media only screen and (max-width:639px){.portfolio-item-page-wrapper .project h1{font-size:2em;background-size:auto 100%}}.portfolio-item-page-wrapper .project h2{font-weight:400;font-size:1.4em;margin:0 0 1.5em;text-align:center}.portfolio-item-page-wrapper .project p,.portfolio-item-page-wrapper .project h2,.portfolio-item-page-wrapper .project h3,.portfolio-item-page-wrapper .project h4,.portfolio-item-page-wrapper .project h5,.portfolio-item-page-wrapper .project ul{max-width:660px;margin-left:auto;margin-right:auto}.portfolio-item-page-wrapper .project p,.portfolio-item-page-wrapper .project ul{font-size:.95em;line-height:170%}.portfolio-item-page-wrapper .project p{margin-bottom:1.2em}.portfolio-item-page-wrapper .project p.acknowledgements{font-size:12px;margin-top:3rem;text-align:center}.portfolio-item-page-wrapper .project p.caption{font-size:1.2rem}.portfolio-item-page-wrapper .project li{margin-bottom:.8em}.portfolio-item-page-wrapper .project .project-intro{margin-left:auto;margin-right:auto}@media only screen and (max-width:639px){.portfolio-item-page-wrapper .project .project-intro{padding:6.5em 3% 2.5em}}@media only screen and (min-width:640px){.portfolio-item-page-wrapper .project .project-intro{padding:8em 3% 6em}}.portfolio-item-page-wrapper .project .portfolio-feature-wrapper .item img{max-width:100%}@media only screen and (min-width:640px){.portfolio-item-page-wrapper .project .portfolio-feature-wrapper .item .text{padding-top:0;padding-bottom:0}}@media only screen and (min-width:640px){.portfolio-item-page-wrapper .project .portfolio-feature-wrapper .item{margin-top:8vh;margin-bottom:8vh}}@media only screen and (min-width:1024px) and (max-width:1919px){.portfolio-item-page-wrapper .project .portfolio-feature-wrapper .item.left .text{padding-right:3%}.portfolio-item-page-wrapper .project .portfolio-feature-wrapper .item.right .text{padding-left:3%}}.portfolio-item-page-wrapper .project .project-content{margin-left:auto;margin-right:auto;padding-bottom:3em}@media only screen and (max-width:1024px){.portfolio-item-page-wrapper .project .project-content{margin-left:3%;margin-right:3%}}@media only screen and (min-width:1260px){.portfolio-item-page-wrapper .project .project-content{width:1200px}}.portfolio-item-page-wrapper .project .project-content h3,.portfolio-item-page-wrapper .project .project-content h4,.portfolio-item-page-wrapper .project .project-content h5{margin-top:2em}.portfolio-item-page-wrapper .project .project-content :first-child:not(p){margin-top:0}.portfolio-item-page-wrapper .project .project-content :last-child{margin-bottom:0}.portfolio-item-page-wrapper .project .visit-wrapper{text-align:center}.portfolio-item-page-wrapper .project .visit{font-size:.85em}.portfolio-item-page-wrapper .project .media-wrapper.browser{border:1px solid #ccc;border-top-color:#eee;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.portfolio-item-page-wrapper .project .media-wrapper.browser:before{display:block;content:" ";height:10px;background:#ddd;background:linear-gradient(to bottom,#ddd 0,#ccc 100%)}@media only screen and (min-width:640px){.portfolio-item-page-wrapper .project .media-wrapper.browser:before{height:22px}}.portfolio-item-page-wrapper .project .project-intro .media-wrapper,.portfolio-item-page-wrapper .project .project-content .media-wrapper{margin:3em auto;text-align:center}@media only screen and (max-width:1023px){.portfolio-item-page-wrapper .project .project-intro .media-wrapper,.portfolio-item-page-wrapper .project .project-content .media-wrapper{margin:2em 0}}@media only screen and (min-width:1024px) and (max-width:1259px){.portfolio-item-page-wrapper .project .project-intro .media-wrapper,.portfolio-item-page-wrapper .project .project-content .media-wrapper{margin-left:1em;margin-right:1em}}@media only screen and (max-width:1259px){.portfolio-item-page-wrapper .project .project-intro .media-wrapper img,.portfolio-item-page-wrapper .project .project-content .media-wrapper img{max-width:100%;height:auto}}@media only screen and (min-width:1260px){.portfolio-item-page-wrapper .project .project-intro .media-wrapper,.portfolio-item-page-wrapper .project .project-content .media-wrapper{width:1190px;overflow:hidden}}.portfolio-item-page-wrapper .project .pdf-reader{max-width:100%}@media only screen and (max-width:679px){.portfolio-item-page-wrapper .project .pdf-reader{width:320px;height:460px}}@media only screen and (min-width:680px){.portfolio-item-page-wrapper .project .pdf-reader{width:660px;height:840px}}.portfolio-item-page-wrapper iframe{border:0}.portfolio-item-page-wrapper .project h1{color:rgba(255,255,255,0.95)}.portfolio-item-page-wrapper .project .project-intro h2{color:rgba(255,255,255,0.7)}.portfolio-item-page-wrapper .project p,.portfolio-item-page-wrapper .project ul{color:#fff}.portfolio-item-page-wrapper .project p a,.portfolio-item-page-wrapper .project ul a{color:rgba(255,255,255,0.8);transition:linear color .1s}.portfolio-item-page-wrapper .project p a:hover,.portfolio-item-page-wrapper .project ul a:hover{color:#fff}.portfolio-item-page-wrapper .project p.acknowledgements{color:rgba(255,255,255,0.7)}.portfolio-item-page-wrapper .project .visit{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.75)}.portfolio-item-page-wrapper .project .visit:hover{border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.15)}.portfolio-item-page-wrapper.aa-insurance .project h1{color:rgba(40,40,40,0.95)}.portfolio-item-page-wrapper.aa-insurance .project h2{color:rgba(40,40,40,0.7)}.portfolio-item-page-wrapper.aa-insurance .project p{color:rgba(40,40,40,0.9)}.portfolio-item-page-wrapper.aa-insurance .project p a{color:rgba(40,40,40,0.75);transition:linear color .1s}.portfolio-item-page-wrapper.aa-insurance .project p a:hover{color:#282828}.portfolio-item-page-wrapper.aa-insurance .project p.acknowledgements{color:rgba(40,40,40,0.5)}.portfolio-item-page-wrapper.aa-insurance .project .visit{background:rgba(40,40,40,0.1);color:rgba(40,40,40,0.75)}.portfolio-item-page-wrapper.aa-insurance .project .visit:hover{border:1px solid rgba(40,40,40,0.3);color:rgba(40,40,40,0.9);background:rgba(40,40,40,0.15)}.portfolio-item-page-wrapper.ws{background-color:#0f7ea3;background-image:url(/images/portfolio/bgs/ws-bg.svg),linear-gradient(135deg,#0f7ea3 0,#199da4 100%)}.portfolio-item-page-wrapper.ws .project-intro{padding-bottom:1em}@media only screen and (max-width:639px){.portfolio-item-page-wrapper.ws .portfolio-feature-wrapper{padding-bottom:6em}}.portfolio-item-page-wrapper.ws .siema{cursor:grab}.portfolio-item-page-wrapper.ws .accordion-wrapper{display:flex}.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item{flex:1 0 auto;transition:all .5s;background-size:cover}.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item:hover{flex:20 1 auto}.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item:nth-child(1){background-image:url("/images/portfolio/ws/connections-sketch.jpg")}.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item:nth-child(2){background-image:url("/images/portfolio/ws/connections-wireframe.png")}.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item:nth-child(3){background-image:url("/images/portfolio/ws/connections-early-ui.png")}.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item:nth-child(4){background-image:url("/images/portfolio/ws/connections-app.png")}@media only screen and (max-width:639px){.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item{height:300px}}@media only screen and (min-width:640px) and (max-width:1023px){.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item{height:500px}}@media only screen and (min-width:1024px){.portfolio-item-page-wrapper.ws .accordion-wrapper .accordion-item{height:700px}}.portfolio-item-page-wrapper.paisley{background:url(/images/portfolio/paisley/hero-bg-no-animation.svg);background-size:cover}.portfolio-item-page-wrapper.find-my-fonts{background:#589c97}.portfolio-item-page-wrapper.aa-insurance{background:#fac926}.portfolio-item-page-wrapper.hopster{background:#6d969f}@media only screen and (min-width:640px){.portfolio-item-page-wrapper.hopster{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 90%,rgba(0,0,0,0.75) 100%),url(/images/portfolio/bgs/hopster-bg.png);background-position:center bottom,center top;background-repeat:no-repeat;background-size:cover}}.portfolio-item-page-wrapper.hopster .phone{padding-top:60px;width:400px;height:720px}@media only screen and (max-width:639px){.portfolio-item-page-wrapper.hopster .project-content{display:none}}.portfolio-item-page-wrapper.youpost{background:#85c6d1 url(/images/portfolio/bgs/youpost-bg.png) center top repeat}.portfolio-item-page-wrapper.inflight{background:linear-gradient(to bottom,#173a52 0,#3b7166 36%,#629073 75%,#5e9385 100%)}.portfolio-item-page-wrapper.aa-insurance .project article,.portfolio-item-page-wrapper.inflight .project article{min-height:94vh;display:flex;flex-flow:column nowrap;justify-content:center}@media only screen and (max-width:639px){.portfolio-item-page-wrapper.aa-insurance h1,.portfolio-item-page-wrapper.inflight h1{background-size:contain}}@media only screen and (max-width:639px){.portfolio-item-page-wrapper.aa-insurance h1,.portfolio-item-page-wrapper.youpost h1{background-size:auto}}.portfolio-item-page-wrapper.greaves{background:#867ecc}.portfolio-item-page-wrapper.greaves .media-wrapper.browser{background:#f2f2f2 url(/images/portfolio/greaves/bg.png) -98px 22px repeat-x}@media only screen and (min-width:640px){.portfolio-item-page-wrapper.greaves{background:#867ecc url(/images/portfolio/bgs/greaves-bg.jpg) center top no-repeat}}@media only screen and (min-width:1920px){.portfolio-item-page-wrapper.greaves{background-size:contain}}.portfolio-item-page-wrapper.savings{background:#cd8923}@media only screen and (min-width:640px){.portfolio-item-page-wrapper.savings{background:#cd8923 url(/images/portfolio/bgs/savings-pattern.svg) 0 -2px repeat;background-size:20px auto}}@media only screen and (min-width:1260px){.portfolio-item-page-wrapper.savings .media-wrapper img{margin-left:-45px}}.portfolio-item-page-wrapper.extras h1{text-indent:initial;text-align:center;font-weight:normal}.portfolio-item-page-wrapper.extras .project-intro{margin-bottom:1em}.portfolio-item-page-wrapper.extras .project-intro.extras-intro{padding-top:15vh;padding-bottom:13vh}.portfolio-item-page-wrapper.extras .project-intro .tiny{display:inline-block;font-size:.7em;opacity:.4}.portfolio-item-page-wrapper.extras .project-intro.ws{background-color:#0f7ea3;background-image:url(/images/portfolio/bgs/ws-bg.svg),linear-gradient(135deg,#0f7ea3 0,#199da4 100%)}.portfolio-item-page-wrapper.extras .project-intro.inflight{background:linear-gradient(to bottom,#173a52 0,#3b7166 36%,#629073 75%,#5e9385 100%)}.portfolio-item-page-wrapper.extras .project-intro.inflight .tablet{background:rgba(255,255,255,0.7);padding:3%;border:2px solid rgba(255,255,255,0.85);border-top-left-radius:4% 6%;border-top-right-radius:4% 6%;border-bottom-right-radius:4% 6%;border-bottom-left-radius:4% 5%}@media only screen and (max-width:1279px){.portfolio-item-page-wrapper.extras .project-intro.inflight .mobile-placeholder{max-width:92%}}@media only screen and (min-width:1280px){.portfolio-item-page-wrapper.extras .project-intro.inflight .mobile-placeholder{display:none}}@media only screen and (max-width:1279px){.portfolio-item-page-wrapper.extras .project-intro.inflight iframe{display:none}}@media only screen and (min-width:1280px){.portfolio-item-page-wrapper.extras .project-intro.inflight iframe{width:1024px;height:748px}}.portfolio-item-page-wrapper.extras .project-intro.savings{background:#cd8923}@media only screen and (min-width:640px){.portfolio-item-page-wrapper.extras .project-intro.savings{background:#cd8923 url(/images/portfolio/bgs/savings-pattern.svg) 0 -2px repeat;background-size:20px auto}}.portfolio-item-page-wrapper.extras .project-intro h3{margin-top:3em}.phone{border-radius:30px;margin:0 auto;background:#111;border:3px solid #666;box-shadow:0 0 6px 0 #333,0 0 0 6px #ffba00;text-align:center}.tagline{margin:0 auto;padding:1.2em 1em 1.5em;background:#333;color:#999;font-size:1.4em;text-align:center;line-height:125%}.tagline a{font-weight:700;color:#fff;text-decoration:none}.tagline a:hover{color:#eee}.tagline span{font-size:95%}@media only screen and (max-width:639px){font-size:.85em}