html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background:#fff;color:rgba(0,0,0,.7);font-family:"helvetica neue",helvetica,arial,sans-serif;font-size:14px;line-height:1.5}body.webp-incapaz .branding-and-interactive .top-space{background-image:url(../imgs/northward-compass-storyteller-designer-developers-orlando.jpg)}h2{font-size:28px;font-style:italic;font-weight:bold;margin:10px}h2+p{font-weight:bold}p{font-size:18px;line-height:1.5;margin:10px 10px 1.75em;max-width:720px}.logo{background:url(../imgs/northward-compass-branding.png) no-repeat center;display:block;height:64px;overflow:hidden;text-indent:-9999px;white-space:nowrap;width:300px;z-index:90}.branding-and-interactive{background:#f4f4f4;width:100%}.branding-and-interactive .branding-and-socials{display:flex;flex-direction:row;justify-content:space-between;width:100%}.branding-and-interactive .branding-and-socials .northward_social{justify-content:flex-end;margin:20px}.branding-and-interactive .branding-and-socials .northward_social .social{justify-content:flex-end;margin:0 auto}.branding-and-interactive .top-space{align-items:center;background:#333 url(../imgs/northward-compass-storyteller-designer-developers-orlando.webp) no-repeat center bottom;background-size:cover;color:#fff;display:flex;height:820px;flex-direction:column;justify-content:center;width:100%}.branding-and-interactive .top-space h1{font-size:28px;font-weight:bold;line-height:1.2;margin-top:20vh;max-width:720px;text-align:center}.segments{display:flex;flex-wrap:wrap;padding:20px}@media(max-width: 768px){.segments{border-bottom:none}}.segments .segment{width:33%}@media(min-width: 768px)and (max-width: 1024px){.segments .segment{width:33%}}@media(max-width: 768px){.segments .segment{width:100%}}.overview-segment{margin:0 auto;padding:40px 0}.overview-segment a{color:#000}.going-northward{padding:40px 20px}.our-portfolio{border-bottom:1px solid #d7d7d7;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:40px;text-align:center}.our-portfolio h2{margin-bottom:20px;width:100%}.our-portfolio portfolio-item{box-sizing:border-box;padding:0 20px;text-align:center;width:33%}@media(max-width: 768px){.our-portfolio portfolio-item{width:100%}}.works-well-with{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;padding:40px;width:100%}.works-well-with h2{margin-bottom:20px;text-align:center;width:100%}.works-well-with a{display:block;width:33%}.northward_social{margin:40px auto}.northward_social ul{display:flex;flex-direction:row;justify-content:center;margin:0 auto}.northward_social ul li{display:block;height:30px;margin:0 10px;width:30px}.northward_social ul li a{display:block;height:100%;width:100%}.northward_social ul li a .icon-facebook,.northward_social ul li a .icon-instagram,.northward_social ul li a .icon-twitter,.northward_social ul li a .icon-youtube{background:no-repeat center;background-size:auto 24px;display:block;height:100%;width:100%}.northward_social ul li a .icon-facebook{background-image:url(../imgs/icon-facebook.svg)}.northward_social ul li a .icon-instagram{background-image:url(../imgs/icon-instagram.svg)}.northward_social ul li a .icon-twitter{background-image:url(../imgs/icon-twitter.svg)}.northward_social ul li a .icon-youtube{background-image:url(../imgs/icon-youtube.svg)}.footer{border-top:1px solid #d7d7d7;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;padding:40px;width:100%}.footer a{color:#000}.footer .site-overview{max-width:720px}.footer .site-overview .branding{margin-top:40px}.footer .site-overview .branding .logo{margin:0 auto}.footer .copyright{margin-top:40px;text-align:center;width:100%}.footer .copyright p{max-width:100%}