*{box-sizing:border-box;padding:0;margin:0;line-height:1}:root{--blue: #244bb7;--brown: #df9a57;--coral: #545863;--gold: #e2c391;--grey: #999;--jasmine: #ffe381;--opal: #9ac2c9;--opal-transparent-dark: #9ac2c9ee;--opal-transparent-light: #9ac2c966;--pearl: #efebde;--purple: #542344}.bg-black{background-color:black}.bg-brown{background-color:var(--brown)}.bg-coral{background-color:var(--coral)}.bg-gold{background-color:var(--gold)}.bg-jasmine{background-color:var(--jasmine)}.bg-opal{background-color:var(--opal)}.bg-opal-transparent-dark{background-color:var(--opal-transparent-dark)}.bg-pearl{background-color:var(--pearl)}.bg-purple{background-color:var(--purple)}.bg-white{background-color:white}.fg-black{color:black}.fg-brown{color:var(--brown)}.fg-coral{color:var(--coral)}.fg-gold{color:var(--gold)}.fg-jasmine{color:var(--jasmine)}.fg-opal{color:var(--opal)}.fg-pearl{color:var(--pearl)}.fg-purple{color:var(--purple)}.fg-white{color:white}html,body{height:100%;background:var(--pearl);font-family:helvetica, arial, sans-serif}main{background:white}a{color:var(--blue);text-decoration:none}nav a{color:var(--purple)}h1{font-family:sans-serif;font-size:30px}h1 a{color:orange}a:hover{cursor:pointer;text-decoration:underline}h1 a:hover{text-decoration:none}h2{margin-bottom:30px;font-weight:400}h3{margin-bottom:20px}h4{margin-bottom:20px}p{margin-bottom:20px;line-height:1.4}img{max-width:100%}hr{margin:40px 0}em{font-size:16px}ol,ul{margin-bottom:30px}li{margin-bottom:10px;margin-left:1em}.border-container{position:relative;display:inline-block;overflow:hidden;padding:15px;border:4px solid var(--opal)}.ribbon{position:absolute;top:35px;right:-100px;display:flex;width:300px;height:40px;align-items:center;justify-content:center;background:var(--opal-transparent-dark);font-size:12px;font-weight:bold;text-transform:uppercase;transform:rotate(45deg)}@media (max-width: 799px){header{display:flex;width:100%;height:65px;align-items:center;justify-content:space-between;padding:20px}header h1{display:inline-block}header .nav-toggle{color:black;font-size:40px}header .nav-toggle:hover{cursor:pointer;text-decoration:none}header nav{position:absolute;z-index:10;top:65px;left:0;display:none;width:100%;font-size:20px}header nav a{display:block;width:100%;padding:16px;border-top:1px solid black;background:white;text-align:center}header nav a:last-of-type{border-bottom:1px solid black}header nav a:hover{background:var(--purple);color:white;cursor:pointer;text-decoration:none}.image-container{width:100%;margin-top:10px;margin-bottom:40px}.image-container img{width:100%}}@media (min-width: 800px){.container{max-width:1000px;margin:0 auto}.nav-toggle{display:none}header{display:flex;padding:30px}header nav{display:flex;flex-grow:2;align-items:flex-end;justify-content:space-between;padding-bottom:4px;margin-left:60px;font-size:16px}.image-with-text{display:flex;padding:40px}.image-with-text .image-container{width:400px;margin-right:40px}.image-with-text .text-container{width:calc(100% - 400px)}}.page-home main{padding:0;margin:0;background:none}.page-home .banner-text{color:var(--coral);font-weight:900;line-height:1.4}.page-home .box-nav a{border:3px solid var(--gold);background:white;border-radius:15px;color:var(----purple);text-align:center}.page-home .box-nav a:hover{background:var(--gold);text-decoration:none}.page-home .box-nav a .box-subhead-line{font-weight:600}.page-home h2{color:var(--purple);font-weight:bold;text-align:center}@media (max-width: 799px){.page-home .banner{position:relative;margin-bottom:140px}.page-home .banner .banner-text{position:absolute;top:0;max-width:410px;padding:20px;margin:20px 20px 0;background:rgba(255,255,255,0.9);border-radius:5px}.page-home .box-nav{position:absolute;bottom:-85px;display:flex;width:100%;justify-content:space-evenly}.page-home .box-nav a{width:125px}.page-home .box-nav a:hover{background:var(--gold);text-decoration:none}.page-home .box-nav a .box-subhead-line{display:flex;height:70px;align-items:flex-end;justify-content:center;padding:20px 20px 0;line-height:1.3}.page-home .box-nav a .box-copy-line{padding:10px 10px 20px;font-size:14px;line-height:1.3}.page-home h2{margin-bottom:40px}.page-home .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.page-home .logos .logo{width:150px;margin:0 25px 25px}.page-home .logos .merle-bessner-design{width:200px;margin-top:10px}}@media (min-width: 800px){.page-home .banner{position:relative;margin-bottom:140px}.page-home .banner .banner-text{position:absolute;top:0;max-width:750px;padding:20px;margin:140px 110px 0;background:rgba(204,153,102,0.8);border-radius:5px;color:white;font-size:28px}.page-home .box-nav{position:absolute;bottom:-75px;display:flex;width:100%;justify-content:space-evenly}.page-home .box-nav a{width:150px;height:150px}.page-home .box-nav a .box-subhead-line{display:flex;height:60px;align-items:flex-end;justify-content:center;padding:20px 10px 0;line-height:1.3}.page-home .box-nav a .box-copy-line{padding:10px 10px 20px;font-size:14px;line-height:1.3}.page-home h2{margin-bottom:40px}.page-home .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.page-home .logos .logo{width:150px;margin:0 25px 25px}.page-home .logos .merle-bessner-design{width:200px;margin-top:10px}}@supports (-ms-ime-align: auto){@media (max-width: 799px){.page-home .banner .banner-text{margin:0;font-size:14px}.page-home .box-nav a{width:calc(60% / 3);margin-left:2%}.page-home h2{padding:0 20px;font-size:18px;text-align:left}.page-home .logos{display:block}.page-home .logos img{display:block}}@media (min-width: 800px){.page-home .box-nav a{width:calc(60% / 3);margin-left:10%}}}main{display:block\0}header{display:block\0;overflow:hidden\0;height:inherit\0 !important}h1{display:block\0;margin-bottom:20px\0}.nav-toggle{display:none\0 !important}.page-home .box-nav a{border:1px solid black\0;margin-left:2% \0 }.page-about .button-nav .button{background-color:#9ac2c9 \0 }.page-translator .translator .text-container{margin-bottom:40px\0}.page-portfolio-index .portfolio-link{width:45% \0 ;margin-right:5% \0 ;margin-bottom:50px\0;float:left\0}.page-portfolio-index nav{border:1px solid white\0}#nav{position:static\0;top:0\0;left:0\0;display:block\0 !important}#nav a{display:inline-block\0 !important;width:inherit\0}#nav a:hover{color:black\0}.page-about main{padding-bottom:40px}.page-about .text-container{padding:0 40px}.page-about .button-nav{display:flex;justify-content:space-evenly}.page-about .button-nav .button{display:inline-block;display:block;width:160px;height:60px;padding-top:20px;margin:30px 0;background-color:var(--opal);border-radius:10px;color:black;text-align:center}.page-about .button-nav .button:first-of-type{margin-right:20px}.page-about .button-nav .button:last-of-type{margin-left:20px}.page-about .button-nav .button:hover{background:var(--gold);text-decoration:none}.page-portfolio-index main{padding:40px}.page-portfolio-index main .page-portfolio-container{display:grid;margin-bottom:40px;grid-gap:40px;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.page-portfolio-index main .page-portfolio-container a{display:flex;height:175px;align-items:end;justify-content:center;border:2px solid #ddd;background-repeat:no-repeat;background-size:cover}.page-portfolio-index main .page-portfolio-container a .portfolio-piece-text{width:100%;padding:7px 10px;background:rgba(153,153,153,0.9);color:white;font-size:medium;line-height:1.4;text-align:center}.page-portfolio-index main .page-portfolio-container a:hover{outline:3px solid var(--opal);text-decoration:none}.page-portfolio-index .portfolio-nav{overflow:hidden}.page-portfolio-index .portfolio-nav .see-more{float:right}.page-portfolio-index .portfolio-nav .go-back{float:left}.page-portfolio-index .create-user{background-image:url(/img/clients/bmo/create-user-step-1-1000px-500k.png);background-position-x:-10px;background-position-y:0}.page-portfolio-index .bmo-sample{background-image:url(/img/clients/camp-oochegeas/cover-500px-80k.jpg);background-position-x:-10px;background-position-y:0}.page-portfolio-index .camp-ooch{background-image:url(/img/clients/camp-oochegeas/cover-500px-80k.jpg);background-position-x:-10px;background-position-y:0}.page-portfolio-index .can-tire{background-image:url(/img/clients/can-tire/seed-pack-500px-80k.jpg);background-position-x:0;background-position-y:-40px}.page-portfolio-index .cibc-heroes{background-image:url(/img/clients/cibc/not-all-heroes-wear-capes-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .cma{background-image:url(/img/clients/cma/ideas-start-as-a-whisper-ad-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .commercial-website{background-image:url(/img/clients/scotiabank/website/foreign-currency-account-part1-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .crowd-deposit{background-image:url(/img/clients/scotiabank/crowd-deposit/banner-500px-80k.jpg);background-position-x:-9px;background-position-y:0}.page-portfolio-index .e-transfer{background-image:url(/img/clients/scotiabank/interac-e-transfer/landing-page-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .fraud-prevention{background-image:url(/img/clients/scotiabank/fraud-prevention/cybersecurity-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .free-banking{background-image:url(/img/clients/pcf/free-banking/front-500px-80k.jpg);background-position-x:0;background-position-y:1px}.page-portfolio-index .ge-one-plus-mortgage{background-image:url(/img/clients/ge/one-plus-mortgage/one-plus-mortgage-postcard-front-500px-80k.jpg);background-position-x:0;background-position-y:-99px}.page-portfolio-index .ge-superhero{background-image:url(/img/clients/ge/superhero/ad-500px-80k.jpg);background-position-x:1px;background-position-y:-4px}.page-portfolio-index .gic{background-image:url(/img/clients/scotiabank/gic/gic-billboard-500px-80k.jpg);background-position-x:-29px;background-position-y:22px}.page-portfolio-index .haphead{background-image:url(/img/clients/haphead/instagram/elyssa-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .insurance-folder{background-image:url(/img/clients/pcf/insurance-folder/cover-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .merle-bessner{background-image:url(/img/clients/merle-bessner/website-home-page-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .new-apps{background-image:url(/img/clients/scotiabank/scotiaconnect/token-mobile-apps-500px-80k.jpg);background-position-x:-5px;background-position-y:-8px}.page-portfolio-index .pcf-free-tastic{background-image:url(/img/clients/pcf/summer-ad/free-tastic-500px-80k.jpg);background-position-x:0;background-position-y:-45px}.page-portfolio-index .pcf-holiday{background-image:url(/img/clients/pcf/holiday-ad/phones-holiday-ad1-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .pcf-mommy{background-image:url(/img/clients/pcf/university/booth-500px-80k.jpg);background-position-x:0;background-position-y:-1px}.page-portfolio-index .pcf-newsletter{background-image:url(/img/clients/pcf/newsletter/cover-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .pcf-newsletter2{background-image:url(/img/clients/pcf/newsletter2/newsletter2-pg1-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .pcf-recess-wallet{background-image:url(/img/clients/pcf/summer-ad/recess-wallet-ad-500px-80k.jpg);background-position-x:0;background-position-y:-45px}.page-portfolio-index .pcf-savings-brochure{background-image:url(/img/clients/pcf/savings-brochure/pg2-3-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .personas{background-image:url(/img/clients/scotiabank/personas/personas-500px-80k.jpg);background-position-x:-1px;background-position-y:-2px}.page-portfolio-index .placemat{background-image:url(/img/clients/scotiabank/placemat/sba-placemat-500px-80k.jpg);background-position-x:0;background-position-y:5px}.page-portfolio-index .postopian-pictures{background-image:url(/img/clients/postopian-pictures/lofi-scifi-500px-80k.jpg);background-position-x:1px;background-position-y:0}.page-portfolio-index .pre-shipment-finance{background-image:url(/img/clients/scotiabank/pre-shipment-finance/sales-sheet-500px-80k.jpg);background-position-x:7px;background-position-y:-11px}.page-portfolio-index .rbc-abm{background-image:url(/img/clients/rbc/abm/cover-500px-80k.jpg);background-position-x:0;background-position-y:-9px}.page-portfolio-index .rbc-clients-as-colleagues{background-image:url(/img/clients/rbc/clients-as-colleagues/brochure-pg1-500px-80k.jpg);background-position-x:1px;background-position-y:-29px}.page-portfolio-index .rbc-credit-brochure{background-image:url(/img/clients/rbc/credit-brochure/cover-500px-80k.jpg);background-position-x:1px;background-position-y:-15px}.page-portfolio-index .recharge{background-image:url(/img/clients/recharge/hot-wheels/card1-500px-80k.jpg);background-position-x:-34px;background-position-y:0}.page-portfolio-index .sba-guide{background-image:url(/img/clients/scotiabank/sba-guide/guide-pg3-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .scotiabank-family-day{background-image:url(/img/clients/scotiabank/family-day/homepage-500px-80k.jpg);background-position-x:-15px;background-position-y:0}.page-portfolio-index .scotiabank-hockey{background-image:url(/img/clients/scotiabank/happiness-hockey/homepage-500px-80k.jpg);background-position-x:-2px;background-position-y:0}.page-portfolio-index .scotiabank-home-finance{background-image:url(/img/clients/scotiabank/home-finance/hfa-page-500px-80k.jpg);background-position-x:1px;background-position-y:1px}.page-portfolio-index .scotiabank-momentum{background-image:url(/img/clients/scotiabank/visa-card/momentum-visa-500px-80k.jpg);background-position-x:0;background-position-y:-5px}.page-portfolio-index .scotiabank-resp{background-image:url(/img/clients/scotiabank/resp/resp-500px-80k.jpg);background-position-x:0;background-position-y:1px}.page-portfolio-index .scotiabank-watt{background-image:url(/img/clients/scotiabank/save-a-watt/homepage-500px-80k.jpg);background-position-x:-121px;background-position-y:7px}.page-portfolio-index .stars-on-ice{background-image:url(/img/clients/pcf/stars-on-ice/ad-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .style-guide{background-image:url(/img/clients/scotiabank/style-guide/guidelines-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .visa-payables-automation{background-image:url(/img/clients/scotiabank/visa/vpa-ad-500px-80k.jpg);background-position-x:-1px;background-position-y:-6px}.page-portfolio-index .winter-stay-connected{background-image:url(/img/clients/scotiabank/winter-stay-connected/website-pg1-500px-80k.jpg);background-position-x:0;background-position-y:3px}.page-portfolio-index .digital-token-video{background-image:url(/img/clients/scotiabank/digital-token-video/digital-token-video-250px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .signed-out{background-image:url(/img/clients/sunlife/signed-out/sign-out-warning-500px-80k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .password-reset-setup{background-image:url(/img/clients/sunlife/password-reset-setup/password-reset-setup1-1000px-500kjpg.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .ask-scotia{background-image:url(/img/clients/scotiabank/ask-scotia/question_box-1000px-500k.jpg);background-position-x:0;background-position-y:0}.page-portfolio-index .halloween-newsletter{background-image:url(/img/clients/bmo/halloween-newsletter-1000px-1000k.png);background-position-x:0;background-position-y:0}.page-portfolio-single main{padding:40px}.page-portfolio-single main nav a{display:flex;justify-content:flex-end;margin-right:20px}.page-portfolio-single section{margin-bottom:40px}.barny-whole-book hr{color:var(--opal-transparent-light)}.page-translator .translator .enter-your-copy-heading{display:flex;justify-content:space-between;margin-right:10px}.page-translator .translator .enter-your-copy-heading a{margin-top:2px;font-size:14px}.page-translator .translator .text-container{position:relative;border:1px solid black}.page-translator .translator .text-container .text{z-index:10;padding:20px;line-height:1.4;overflow-y:auto}.page-translator .translator .text-container .text *{line-height:1.4}.page-translator .translator .text-container .placeholder-text{padding:20px;color:var(--grey)}.page-translator .translator .text-container .text,.page-translator .translator .text-container .placeholder-text{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 799px){.page-translator main{padding:40px}.page-translator .translator{margin-bottom:30px}.page-translator .translator .text-container{height:200px}.page-translator .translator .before-container{margin-bottom:30px}.page-translator .translator .text{padding:20px}}@media (min-width: 800px){.page-translator main{padding:40px}.page-translator .translator{display:grid;margin-bottom:40px;column-gap:40px;grid-template-columns:calc(50% - 20px) calc(50% - 20px)}.page-translator .translator .text-container{height:200px}.page-translator .translator .text{padding:20px}}.page-tips main{padding:40px}.page-tips main .copy-tips-border section{padding:30px;border:5px solid var(--gold);margin-bottom:30px}.page-tips main .copy-tips-border blockquote{margin-bottom:30px;margin-left:20px;font-size:20px;font-style:italic}.page-tips main img{margin-bottom:20px}.page-contact main{padding-bottom:40px}.page-contact .text-container{padding:0 40px}.page-post main{padding:30px}.page-post main h2{margin-bottom:5px}.page-posts main{padding:30px;margin-bottom:40px}.page-posts main h3{margin-bottom:5px}.page-posts main .excerpt p{display:inline}.page-help main{padding:40px}.page-help ol{margin-left:20px}.page-help code{padding:6px 15px 5px;background:black;color:#86df86}.page-help section{display:block;padding:40px;border:1px solid grey;margin-bottom:40px}.page-help section h3{margin-bottom:40px}.page-help section .fg-colour{margin-bottom:40px}.page-help section .fg-colour:last-of-type{margin-bottom:0}.page-not-found main{padding:40px;text-align:center}.page-not-found main h2{font-size:40px}