@font-face{font-family:'Mono Social Icons Font';src:url(../fonts/MonoSocialIconsFont-1.10.eot);src:url(../fonts/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'),url(../fonts/MonoSocialIconsFont-1.10.woff) format('woff'),url(../fonts/MonoSocialIconsFont-1.10.ttf) format('truetype'),url(../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg');src:url(../fonts/MonoSocialIconsFont-1.10.ttf) format('truetype');font-weight:400;font-style:normal}.symbol,a.symbol:before{font-family:'Mono Social Icons Font';-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}a.symbol:before{content:attr(title);font-size:130%}a.symbol:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;top:-2px;left:-2px;padding:2px;z-index:-1;background:#fff;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s}a.symbol:hover{color:#fff}a.symbol:hover:after{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}a.symbol{position:relative;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:inline-block;text-align:center;margin:0 15px;font-size:24px;line-height:32px;width:32px;height:32px;box-shadow:0 0 0 2px #fff}body{font-family:proxima-nova,sans-serif;font-weight:300}#will_header{text-align:center;padding:2.875em 0 0 0;position:absolute;z-index:1000;top:25%;width:800px;height:600px;left:50%;margin-top:-300px;margin-left:-400px}.logo{position:relative;top:110px;z-index:2}#header_wrapper{position:relative}.intro{position:relative;top:-5%;z-index:1}.intro img{max-width:100%;height:auto}.brief{color:#b8c7d3;max-width:32em;font-size:14px;line-height:26px;bottom:12%;position:relative;left:50%;margin-left:-16em;z-index:3}.brief span{font-weight:600}#recentwork{color:#0074c8;text-transform:uppercase;font-size:14px;font-weight:700;text-align:center;letter-spacing:1px;padding:50px;background-image:url(../img/downArrow.png);background-repeat:no-repeat;background-position:center 80px}p{text-align:left}.dark-blue,.dark-blue-bg{background-color:#0b1b2a!important}.white{color:#fff!important}.uppercase{text-transform:uppercase}.margin-bottom-reset{margin-bottom:0!important}.block{display:block;margin:0 auto}.margin-bottom{margin-bottom:250px}.flexslider{margin:0!important}canvas{display:block;vertical-align:bottom}#particles-js{position:absolute;width:100%;height:100%;background-color:#061b2b;background-image:url("");background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.cbp-fbscroller,.cbp-fbscroller section,.container,body,html{height:100%}.cbp-fbscroller>nav{position:fixed;z-index:9999;right:100px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cbp-fbscroller>nav a{display:block;position:relative;color:transparent;height:35px}.cbp-fbscroller>nav a:after{display:block;content:'';position:absolute;top:8px;right:auto;bottom:auto;left:8px;width:7px;height:7px;background-color:#bdbdbd;opacity:1;transform:matrix3d(.7071,.7071,0,0,-.7071,.7071,0,0,0,0,1,0,0,0,0,1)}.cbp-fbscroller>nav a:hover:after{background:#b8c7d3}.cbp-fbscroller>nav a.cbp-fbcurrent:after{display:block;position:absolute;top:9px;right:auto;bottom:auto;left:9px;width:7px;height:7px;background-color:#0074c8;opacity:1;transform:matrix3d(.7071,.7071,0,0,-.7071,.7071,0,0,0,0,1,0,0,0,0,1)}.cbp-fbscroller section{position:relative;background-position:top center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.menu-border{display:none;position:absolute;width:23px;height:23px;border:1px solid #bdbdbd;opacity:.6;transform:matrix3d(.7071,.7071,0,0,-.7071,.7071,0,0,0,0,1,0,0,0,0,1)}.cbp-fbscroller>nav a.cbp-fbcurrent>.menu-border{display:block}.cbp-fbscroller>nav a.cbp-fbcurrent>.menu-hover{display:none}.menu-hover{position:absolute;width:23px;height:23px;left:-1px;top:-1px;border:1px solid #bdbdbd;opacity:0;transform:matrix3d(.14142,.14142,0,0,-.14142,.14142,0,0,0,0,1,0,0,0,0,1);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.cbp-fbscroller>nav a:hover>.menu-hover{opacity:1;transform:matrix3d(.42426,.42426,0,0,-.42426,.42426,0,0,0,0,1,0,0,0,0,1)}.next-work,.prev-work{position:relative;display:inline-block;font-size:24px;bottom:40px;margin:15px 25px;outline:0;letter-spacing:1px;text-decoration:none;color:#0b1b2a;text-transform:uppercase;padding:10px 0;text-shadow:none}.prev-work{left:5px}.next-work{right:5px}.prev-work::before{position:absolute;top:0;right:0;overflow:hidden;padding:5px 0;max-width:0;border-bottom:2px solid #0074c8;color:transparent;content:attr(data-hover);-webkit-transition:max-width .5s;-moz-transition:max-width .5s;transition:max-width .5s}.prev-work:focus::before,.prev-work:hover::before{max-width:100%}.next-work::before{position:absolute;top:0;left:0;overflow:hidden;padding:5px 0;max-width:0;border-bottom:2px solid #0074c8;color:transparent;content:attr(data-hover);-webkit-transition:max-width .5s;-moz-transition:max-width .5s;transition:max-width .5s}.next-work:focus::before,.next-work:hover::before{max-width:100%}.light-blue{color:#2374b9}.baby-blue{background-color:#cee1f3}.light-grey{background-color:#f0f0f0}footer{position:relative}footer span{color:#b7c5d0;position:absolute;top:30px;text-align:center;width:100%}footer span span{color:#2374b9}.height-auto{height:auto!important}#fixedDiv{position:fixed;top:-100px;width:100px;height:100px;left:0;z-index:99902;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}#fixedDiv a:after{content:none}.home{position:absolute;top:10px;left:18px;width:60px;height:60px!important;border-radius:50%;background-image:url(../img/logo.png);background-repeat:no-repeat;background-size:38px;background-position:11px}.full-width{width:100%}.flexslider{overflow:hidden}.work.ss{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/ss-bg-big.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otn{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/otn-bg-big.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otnconnect{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/otnconnect-bg-med.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.natalieVentola{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/natalie-bg-med.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;margin:1px 0}.work.beerdesign{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/beer-bg-med.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.facets{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/facets-bg-med.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.logos{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/logos-bg-med.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.yes{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/yes-bg-big.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.personal{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/wl-bg-big.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.sixpack{position:relative;height:1200px;padding:50px;margin:0;background-image:url(../img/beer-carrier-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.brandposter{position:relative;height:900px;padding:0;margin:0;background-image:url(../img/beer-poster-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facets-stationery{position:relative;height:800px;padding:0;margin:0;background-image:url(../img/facets-stationery-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.bagdesign{position:relative;height:600px;padding:0;margin:0;background-image:url(../img/facets-bag-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facetsposter{height:1000px;padding:0;margin:0;background-image:url(../img/facets-poster-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine1{height:1000px;padding:0;margin:0;background-image:url(../img/facets-wine1-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine2{height:1700px;padding:0;margin:0;background-image:url(../img/facets-wine2-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine3{height:2300px;padding:0;margin:0;background-image:url(../img/facets-wine3-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.logo1{height:600px;padding:0;margin:0;background-image:url(../img/logo-1.png);background-size:35%;background-repeat:no-repeat;background-position:center center;margin:0 0 100px 0}.logo2{height:400px;padding:0;margin:0;background-image:url(../img/logo-2.png);background-size:40%;background-repeat:no-repeat;background-position:center center;margin:0 0 100px 0}.logo3{height:450px;padding:0;margin:0;background-image:url(../img/logo-3.png);background-size:40%;background-repeat:no-repeat;background-position:center center;margin:0 0 50px 0}.logo4{height:600px;padding:0;margin:0;background-image:url(../img/logo-4.png);background-size:18%;background-repeat:no-repeat;background-position:center center;margin:0 0 100px 0}.logo5{height:350px;padding:0;margin:0;background-image:url(../img/logo-5.png);background-size:28%;background-repeat:no-repeat;background-position:center center;margin:0 0 100px 0}.logo6{height:450px;padding:0;margin:0;background-image:url(../img/logo-6.png);background-size:30%;background-repeat:no-repeat;background-position:center center;margin:0 0 100px 0}.yes-stationery{height:750px;padding:0;margin:0;background-image:url(../img/yes-stationery-med.png);background-color:#d0d2d3;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.wl-bc{height:800px;padding:0;margin:0;background-image:url(../img/wl-bc-med.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.pcvc-callscreen{height:650px;padding:0;margin:0;background-image:url(../img/otnhub-callscreen-med.png);background-repeat:no-repeat;background-position:center bottom;background-size:80%}.yes-logo{height:600px;padding:0;margin:0;background-image:url(../img/yes-logo.png);background-repeat:no-repeat;background-position:center center;background-size:45%}.my-logo{height:600px;padding:0;margin:0;background-image:url(../img/logo-lg.png);background-repeat:no-repeat;background-position:center center;background-size:auto}.pcvc{height:900px;padding:0;margin:0;background-image:url(../img/otnhub-pcvc-med.jpg);background-repeat:no-repeat;background-position:left bottom}.rationale{padding:20px 0 0 0}.rationale h1{color:#061b2b;font-weight:100;text-transform:uppercase;text-align:left;margin:0 0 20px 0;font-size:32px}.rationale p{margin:0 0 20px 0}.blackbg{background-color:#000}.greybg{background-color:#ccc}.bluebg{background-color:#061b2b}.brickbg{position:fixed;background-image:url(../img/brickbg.jpg);top:0;left:0;min-height:100%;min-width:100%}.work-wrapper{position:relative;width:100%}.work-wrapper img{width:100%;height:auto}.heading{font-size:36px;font-weight:700;color:#061b2b;text-transform:uppercase;margin:50px 0}.heading h3{text-align:center;margin:0 0 10px 0}.heading span{border-bottom:5px solid #2374b9;display:block;width:130px;margin:0 auto}.piece-wrapper{padding:50px;text-align:center}.regular-size{width:auto!important;text-align:center}.black{background-color:#000}.set-height{height:600px;line-height:600px}.splash,.splash2{display:table;font-size:10em;line-height:125px;text-align:center;margin:0 auto;text-transform:uppercase;color:#0074c8;height:100%;width:100%;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0}.light{font-family:Raleway,sans-serif;color:#fff;font-weight:100}.text-container{top:50px;left:0;position:absolute;background-color:#fff;opacity:.9;padding:40px 30px 0 60px}.project-heading{color:#0074c8;font-size:32px;font-weight:100;margin:0}.project-category{color:#0074c8;font-size:16px;font-weight:100;text-transform:uppercase;margin:10px 0}.project-header:after{background-color:#b7c5d0;content:"";display:block;height:1px;width:80px;margin:20px 0}.project-body p{width:400px;color:#0b1b2a}.project-footer{margin-top:30px}.project-link{color:#0b1b2a;padding:10px;border:1px solid;text-transform:uppercase;text-decoration:none;background-size:201.22% auto;-webkit-background-size:201.22% auto;-moz-background-size:201.22% auto;background-position:0 0;background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,#0b1b2a 50%);transition:background-position .5s ease-out;-webkit-transition:background-position .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.project-link span{color:#0074c8;position:relative;top:0;width:auto;text-align:inherit}.project-link:hover{background-position:-99% 0;border:1px solid #0b1b2a;color:#fff}.project-link-dark{color:#fff;padding:10px;border:1px solid;text-transform:uppercase;text-decoration:none;background-size:201.22% auto;-webkit-background-size:201.22% auto;-moz-background-size:201.22% auto;background-position:0 0;background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,#fff 50%);transition:background-position .5s ease-out;-webkit-transition:background-position .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.project-link-dark span{color:#0074c8;position:relative;top:0;width:auto;text-align:inherit}.project-link-dark:hover{background-position:-99% 0;border:1px solid #fff;color:#0b1b2a}.work-header{background-color:#061b2b}.nv-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/natalie-bg-small.jpg)}.wt-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/wt-header.jpg)}.facets-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/facets-bg-small.jpg)}.logo-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/logos-bg-small.jpg)}.yes-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/yes-bg-small.jpg)}.my-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/wl-poster1-small.jpg)}.otnhub-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/otn-bg-small.jpg)}.ss-header{height:100%;width:100%;background:linear-gradient(rgba(6,27,43,.98),rgba(6,27,43,.98)),url(../img/ss-bg-small.jpg)}.scrolldown{color:#fff;font-size:64px;position:absolute;bottom:20px;left:50%;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.scrolldown:hover{color:#2374b9}.scrolldown:active,.scrolldown:focus,.scrolldown:hover{outline:0}.splash>span{display:table-cell;vertical-align:middle}.splash2>span{display:table-cell;vertical-align:middle}.contactinfo{padding:30px;text-align:center}.contactinfo ul{list-style:none;text-transform:uppercase;padding:0;margin:0}.contactinfo ul li{display:inline;letter-spacing:1px;font-weight:600;line-height:20px}.contactinfo a{display:inline-block;text-decoration:none;color:#0074c8;opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out}.contactinfo a:hover{opacity:1}.footer-adjustment{margin-top:50px}footer{height:83px}#home-footer{display:none}@media only screen and (min-width:320px) and (max-width:768px){.cbp-fbscroller>nav{right:30px}#will_header{text-align:center;padding:0;position:absolute;z-index:1000;top:0;width:auto;height:auto;left:0;margin-top:0;margin-left:0}#beer,#facets,#logos,#nv,#otnconnect,#otnhub,#pi,#ss,#yes{height:550px}.text-container{top:0;left:0;margin-top:-115px;position:relative;background-color:transparent;opacity:1;padding:20px 30px 40px 40px}#pi .text-container{padding-bottom:0}.project-category,.project-heading{color:#fff;text-shadow:rgba(0,0,0,.3) 0 1px 1px;font-weight:400}.project-header:after{background-color:transparent}.project-body p{width:auto}.dark-blue{background-color:transparent!important}.white{color:#0b1b2a!important}.project-link-dark{color:#0b1b2a;padding:10px;border:1px solid;text-transform:uppercase;text-decoration:none;background-size:200.22% auto;-webkit-background-size:200.22% auto;-moz-background-size:200.22% auto;background-position:0 0;background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,#0b1b2a 50%);transition:background-position .5s ease-out;-webkit-transition:background-position .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.project-link-dark span{color:#0074c8}.project-link-dark:hover{background-position:-99% 0;border:1px solid #0b1b2a;color:#fff}.work.ss{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.ss .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/ss-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otn{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otn .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/otn-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otnconnect{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.otnconnect .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/otnconnect-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.natalieVentola{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;margin:1px 0}.work.natalieVentola .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/natalie-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.beerdesign{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.beerdesign .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/beer-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.facets{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.facets .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/facets-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.logos{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.logos .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/logos-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.yes{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.yes .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/yes-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.personal{position:relative;height:100%;padding:0;margin:0;background-image:none!important;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.personal .image-container{position:relative;height:240px;padding:50px;margin:0;background-image:linear-gradient(to top,rgba(0,0,0,.3) 20%,transparent 70%),url(../img/wl-bg-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.sixpack{position:relative;height:600px;padding:50px;margin:0;background-image:url(../img/beer-carrier-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.brandposter{position:relative;height:500px;padding:0;margin:0;background-image:url(../img/beer-poster-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facets-stationery{position:relative;height:450px;padding:0;margin:0;background-image:url(../img/facets-stationery-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.bagdesign{position:relative;height:350px;padding:0;margin:0;background-image:url(../img/facets-bag-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facetsposter{height:590px;padding:0;margin:0;background-image:url(../img/facets-poster-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine1{height:590px;padding:0;margin:0;background-image:url(../img/facets-wine1-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine2{height:950px;padding:0;margin:0;background-image:url(../img/facets-wine2-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine3{height:1300px;padding:0;margin:0;background-image:url(../img/facets-wine3-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.logo1{height:400px;padding:0;margin:0;background-image:url(../img/logo-1.png);background-size:55%;background-repeat:no-repeat;background-position:center center;margin:0 0 50px 0}.logo2{height:400px;padding:0;margin:0;background-image:url(../img/logo-2.png);background-size:70%;background-repeat:no-repeat;background-position:center center;margin:0 0 20px 0}.logo3{height:280px;padding:0;margin:0;background-image:url(../img/logo-3.png);background-size:65%;background-repeat:no-repeat;background-position:center center;margin:0 0 80px 0}.logo4{height:405px;padding:0;margin:0;background-image:url(../img/logo-4.png);background-size:30%;background-repeat:no-repeat;background-position:center center;margin:0 0 50px 0}.logo5{height:350px;padding:0;margin:0;background-image:url(../img/logo-5.png);background-size:45%;background-repeat:no-repeat;background-position:center center;margin:0 0 50px 0}.logo6{height:320px;padding:0;margin:0;background-image:url(../img/logo-6.png);background-size:50%;background-repeat:no-repeat;background-position:center center;margin:0 0 50px 0}.yes-stationery{height:430px;padding:0;margin:0;background-image:url(../img/yes-stationery-mob.png);background-color:#d0d2d3;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.wl-bc{height:450px;padding:0;margin:0;background-image:url(../img/wl-bc-mob.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.pcvc-callscreen{height:400px;padding:0;margin:0;background-image:url(../img/otnhub-callscreen-mob.png);background-repeat:no-repeat;background-position:center bottom;background-size:80%}.yes-logo{height:300px;padding:0;margin:0;background-image:url(../img/yes-logo.png);background-repeat:no-repeat;background-position:center center;background-size:60%}.my-logo{height:300px;padding:0;margin:0;background-image:url(../img/logo-lg.png);background-repeat:no-repeat;background-position:center center;background-size:40%}.pcvc{height:550px;padding:0;margin:0;background-image:url(../img/otnhub-pcvc-mob.jpg);background-repeat:no-repeat;background-position:left bottom}.resize4{width:50%!important}}@media only screen and (min-width:769px) and (max-width:1024px){.cbp-fbscroller>nav{right:50px}.work.ss{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/ss-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otn{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/otn-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otnconnect{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/otnconnect-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.natalieVentola{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/natalie-bg-small.jpg);background-repeat:no-repeat;background-position:center center;margin:1px 0}.work.beerdesign{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/beer-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.facets{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/facets-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.logos{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/logos-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.yes{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/yes-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.personal{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/wl-bg-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.sixpack{position:relative;height:800px;padding:50px;margin:0;background-image:url(../img/beer-carrier-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.brandposter{position:relative;height:650px;padding:0;margin:0;background-image:url(../img/beer-poster-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facets-stationery{position:relative;height:600px;padding:0;margin:0;background-image:url(../img/facets-stationery-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.bagdesign{position:relative;height:450px;padding:0;margin:0;background-image:url(../img/facets-bag-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facetsposter{height:790px;padding:0;margin:0;background-image:url(../img/facets-poster-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine1{height:790px;padding:0;margin:0;background-image:url(../img/facets-wine1-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine2{height:1300px;padding:0;margin:0;background-image:url(../img/facets-wine2-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine3{height:1700px;padding:0;margin:0;background-image:url(../img/facets-wine3-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.logo1{height:560px;padding:0;margin:0;background-image:url(../img/logo-1.png);background-size:55%;background-repeat:no-repeat;background-position:center center;margin:0 0 150px 0}.logo2{height:400px;padding:0;margin:0;background-image:url(../img/logo-2.png);background-size:70%;background-repeat:no-repeat;background-position:center center;margin:0 0 150px 0}.logo3{height:280px;padding:0;margin:0;background-image:url(../img/logo-3.png);background-size:60%;background-repeat:no-repeat;background-position:center center;margin:0 0 180px 0}.logo4{height:530px;padding:0;margin:0;background-image:url(../img/logo-4.png);background-size:28%;background-repeat:no-repeat;background-position:center center;margin:0 0 150px 0}.logo5{height:350px;padding:0;margin:0;background-image:url(../img/logo-5.png);background-size:45%;background-repeat:no-repeat;background-position:center center;margin:0 0 150px 0}.logo6{height:450px;padding:0;margin:0;background-image:url(../img/logo-6.png);background-size:50%;background-repeat:no-repeat;background-position:center center;margin:0 0 50px 0}.yes-stationery{height:550px;padding:0;margin:0;background-image:url(../img/yes-stationery-small.png);background-color:#d0d2d3;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.wl-bc{height:600px;padding:0;margin:0;background-image:url(../img/wl-bc-small.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.pcvc-callscreen{height:480px;padding:0;margin:0;background-image:url(../img/otnhub-callscreen-small.png);background-repeat:no-repeat;background-position:center bottom;background-size:80%}.yes-logo{height:600px;padding:0;margin:0;background-image:url(../img/yes-logo.png);background-repeat:no-repeat;background-position:center center;background-size:60%}.my-logo{height:600px;padding:0;margin:0;background-image:url(../img/logo-lg.png);background-repeat:no-repeat;background-position:center center;background-size:35%}.pcvc{height:700px;padding:0;margin:0;background-image:url(../img/otnhub-pcvc-small.jpg);background-repeat:no-repeat;background-position:left bottom}}@media only screen and (max-width:820px){#will_header{text-align:center;padding:2.875em 0 0 0;position:absolute;z-index:1000;top:30%;width:630px;height:600px;left:50%;margin-top:-300px;margin-left:-315px}}@media only screen and (min-width:1400px){.pcvc{height:1200px;padding:0;margin:0;background-image:url(../img/otnhub-pcvc-big.jpg);background-repeat:no-repeat;background-position:left bottom;background-size:90%}}@media only screen and (min-width:1600px){.work.otn{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/ss-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otn{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/otn-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.work.otnconnect{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/otnconnect-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.natalieVentola{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/natalie-bg-big.jpg);background-repeat:no-repeat;background-position:center center;margin:1px 0}.work.beerdesign{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/beer-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.facets{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/facets-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.logos{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/logos-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.yes{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/yes-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.work.personal{position:relative;height:100%;padding:50px;margin:0;background-image:url(../img/wl-bg-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.sixpack{position:relative;height:1500px;padding:50px;margin:0;background-image:url(../img/beer-carrier-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.brandposter{position:relative;height:1200px;padding:0;margin:0;background-image:url(../img/beer-poster-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facets-stationery{position:relative;height:1100px;padding:0;margin:0;background-image:url(../img/facets-stationery-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.bagdesign{position:relative;height:900px;padding:0;margin:0;background-image:url(../img/facets-bag-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.facetsposter{height:1400px;padding:0;margin:0;background-image:url(../img/facets-poster-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine1{height:1400px;padding:0;margin:0;background-image:url(../img/facets-wine1-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine2{height:2400px;padding:0;margin:0;background-image:url(../img/facets-wine2-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.wine3{height:3200px;padding:0;margin:0;background-image:url(../img/facets-wine3-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:1px 0}.logo1{height:585px;padding:0;margin:0;background-image:url(../img/logo-1.png);background-size:30%;background-repeat:no-repeat;background-position:center center;margin:0 0 250px 0}.logo2{height:400px;padding:0;margin:0;background-image:url(../img/logo-2.png);background-size:40%;background-repeat:no-repeat;background-position:center center;margin:0 0 250px 0}.logo3{height:450px;padding:0;margin:0;background-image:url(../img/logo-3.png);background-size:40%;background-repeat:no-repeat;background-position:center center;margin:0 0 250px 0}.logo4{height:725px;padding:0;margin:0;background-image:url(../img/logo-4.png);background-size:18%;background-repeat:no-repeat;background-position:center center;margin:0 0 250px 0}.logo5{height:350px;padding:0;margin:0;background-image:url(../img/logo-5.png);background-size:28%;background-repeat:no-repeat;background-position:center center;margin:0 0 250px 0}.logo6{height:450px;padding:0;margin:0;background-image:url(../img/logo-6.png);background-size:26%;background-repeat:no-repeat;background-position:center center;margin:0 0 250px 0}.yes-stationery{height:1000px;padding:0;margin:0;background-image:url(../img/yes-stationery-big.png);background-color:#d0d2d3;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.wl-bc{height:1100px;padding:0;margin:0;background-image:url(../img/wl-bc-big.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.pcvc-callscreen{height:900px;padding:0;margin:0;background-image:url(../img/otnhub-callscreen-big.png);background-repeat:no-repeat;background-position:center bottom}.yes-logo{height:600px;padding:0;margin:0;background-image:url(../img/yes-logo.png);background-repeat:no-repeat;background-position:center center;background-size:auto}.my-logo{height:600px;padding:0;margin:0;background-image:url(../img/logo-lg.png);background-repeat:no-repeat;background-position:center center;background-size:auto}.pcvc{height:1200px;padding:0;margin:0;background-image:url(../img/otnhub-pcvc-big.jpg);background-repeat:no-repeat;background-position:left bottom;background-size:auto}}@media only screen and (min-width:320px) and (max-width:480px){#pi,#ss{height:560px}#otnhub{height:540px}#logos,#nv{height:580px}#beer,#facets,#yes{height:600px}.cbp-fbscroller,.cbp-fbscroller section,.container,body,html{width:470px!important}.cbp-fbscroller>nav{display:none}#will_header{margin:0;height:100vh!important;display:block;text-align:center}#header{height:100vh}.intro img{max-width:80%;left:50px;position:relative}.brief{color:#b8c7d3;max-width:330px;font-size:15px;line-height:26px;top:75px;position:relative;left:50%;margin-left:-120px!important;z-index:3}.logo{position:relative;top:105px;z-index:2}#logoresize{max-width:50px;height:auto}#recentwork{color:#0074c8;text-transform:uppercase;font-size:13px;font-weight:700;text-align:center;letter-spacing:1px;padding:30px;background-image:url(../img/downArrow.png);background-repeat:no-repeat;background-position:center 55px}.rationale p{margin:0 0 20px 0;font-size:13px;text-align:justify}.scrolldown{margin-left:-20px}.splash2{font-size:4em!important;line-height:1em!important}.splash{font-size:5em!important;line-height:70px!important}.pcvc{height:350px!important;background-size:90%!important}.pcvc-callscreen{height:270px!important}.sixpack{height:300px!important;background-size:100%!important}.brandposter{height:320px!important;background-size:100%!important}.facets-stationery{height:275px;background-size:100%!important}.bagdesign{height:210px;background-size:100%!important}.facetsposter{height:360px;background-size:100%!important}.yes-stationery{height:320px;background-size:100%!important}.set-height{height:300px!important;line-height:300px!important}#home-footer{display:block}}@media only screen and (max-width:650px){#will_header{top:30%;width:560px;height:600px;left:50%;margin-top:-300px;margin-left:-280px}.brief{width:350px;margin-left:-175px;margin-top:15px}.cbp-fbscroller>nav{right:20px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.resize2{width:92%!important}}@media only screen and (max-width:1550px){.resize{width:90%!important}.resize2{width:95%!important}}@media only screen and (max-width:1150px){.splash2{font-size:8em}.heading{font-size:24px}}@media only screen and (max-width:950px){.splash2{font-size:6em;line-height:95px}}@media only screen and (max-width:700px){.splash2{font-size:5em}}@media only screen and (min-width:768px) and (max-width:800px){.splash{font-size:9em}}@media only screen and (max-width:900px){.pi .splash{font-size:7em;line-height:105px}}@media only screen and (max-width:800px){.resize3{width:90%!important}}@media only screen and (max-width:767px){.splash{font-size:8em;line-height:105px}}@media only screen and (max-width:650px){.splash{font-size:7em;line-height:95px}}