html,body{overflow-x:hidden;width:100%;height:100%;margin:0 auto;padding:0;font-family:"Roboto",sans-serif;font-weight:300}a{color:#f7941d;text-decoration:none}a:hover{color:#e77e00}img{max-width:100%}video{display:block;margin:0 auto}video,video object,video object embed{width:100%;height:auto}#container{position:relative;width:1200px;max-width:calc(100vw - 40px);min-height:100%;margin:0 auto}header{width:500%;margin:30px 0 30px -200%;background:#f7941d;position:relative;margin-top:0;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25);background:#fff;z-index:2}header #headerContent{width:20%;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto;padding:20px 0;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:space-between;height:55px;padding:0;box-sizing:border-box;text-align:center}header #headerContent h2{margin:0 0 10px}header #headerContent #logo{margin:0 0 5px}header #headerContent #logo img{display:block}header #headerContent #navButton{position:relative;margin:18px 0;border:none;padding:0 30px 0 0;font-size:1.15em;color:#12a89d;background:none;transition:color .5s}header #headerContent #navButton.extended{color:#f7941d}header #headerContent #navButton:before,header #headerContent #navButton:after{content:"";position:absolute;width:24px;height:24px;top:0;right:0;z-index:-1;background:url("imgs/menuNav.svg") no-repeat;background-position:right;background-size:contain;transition:transform .5s}header #headerContent #navButton:after{background:url("imgs/menuNavExtended.svg") no-repeat;background-position:right;background-size:contain;opacity:0;transition:transform .5s, opacity .5s}header #headerContent #navButton.extended:before,header #headerContent #navButton.extended:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}header #headerContent #navButton.extended:after{opacity:1}header #headerContent nav{position:fixed;top:55px;left:0;width:100vw;max-height:0;background:#12a89d;overflow:hidden;transition:max-height .5s}header #headerContent nav #mainNav{width:100%;margin:0;padding:0;z-index:2}header #headerContent nav #mainNav li{width:100%;text-align:center;list-style-type:none}header #headerContent nav #mainNav li a{display:block;width:100%;padding:10px;color:#fff}header #headerContent nav #mainNav li a:hover{background:#f7941d}header #headerContent2{width:20%;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto;padding:20px 0;box-sizing:border-box;width:100vw;max-width:100vw;box-shadow:inset 0px 10px 10px -10px rgba(0,0,0,0.25);padding:5px 20px;color:#fff;background:#12a89d}header #headerContent2 h2{margin:0 0 10px}header #headerContent2 ul{width:calc(100vw - 40px);max-width:1200px;margin:0 auto;padding:0}header #headerContent2 ul li{display:inline;list-style-type:none;white-space:nowrap}header #headerContent2 ul li a{border-radius:3px;line-height:2.1em;font-weight:400;color:#fff}header #headerContent2 ul li a:hover{color:#f7941d}header #headerContent2 ul li:after{content:">";padding:0 15px;color:#f7941d}header #headerContent2 ul li:last-of-type:after{content:"";padding:0}@media (min-width: 720px){header #headerContent button{display:none}header #headerContent nav{position:relative;top:initial;width:calc(90% - 89px);max-width:550px;height:100%;max-height:initial}header #headerContent nav #mainNav{display:inline-flex;justify-content:flex-end;align-items:center;height:100%;background:#fff}header #headerContent nav #mainNav li{position:relative;width:auto}header #headerContent nav #mainNav li a{display:block;border-bottom:5px solid #fff;padding:15px 15px 10px;box-sizing:border-box;font-size:1.15em;font-weight:700;color:#12a89d;transition:border .3s, color .3s}header #headerContent nav #mainNav li a.currentPage{border-bottom:5px solid #12a89d}header #headerContent nav #mainNav li a:hover{border-bottom:5px solid #f7941d;padding:15px 15px 10px;color:#f7941d;background:none}}main{padding-bottom:250px}main h1{font-size:3em;letter-spacing:.02em;text-align:center}main h2{font-size:2em;text-align:center}main h2.h1point5{font-size:3em;letter-spacing:.02em}main p,main .vcard{max-width:800px;margin:30px auto;font-size:1.25em;text-align:center}main .vcard{margin:-20px auto 50px}main #indexLogo{display:block;margin:0 auto}main #indexSubhead{margin:15px 0 25px;font-size:1.5em;font-weight:300;text-align:center;color:#7c51a1}main .fullWidth{width:500%;margin:30px 0 30px -200%;background:#f7941d;position:relative;background:none}main .fullWidth:first-child{margin:-30px 0 30px -200%}main .fullWidth .fullWidthImage{width:20%;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto;padding:20px 0;box-sizing:border-box;width:1900px;max-width:200vw;min-width:100vw;padding:0}main .fullWidth .fullWidthImage h2{margin:0 0 10px}main .fullWidth .fullWidthImage img{position:relative;left:50%;width:100%;max-width:initial;transform:translate(-50%, 0)}main .fullWidth .fullWidthContent{position:absolute;top:50%;left:50%;width:90vw;max-width:800px;margin:0 auto;text-shadow:0px 0px 30px rgba(0,0,0,0.5);color:#fff;transform:translate(-50%, -50%)}main #aboutServices{margin:30px 0}main #aboutServices>div{width:500%;margin:30px 0 30px -200%;background:#f7941d;margin:0 0 0 -200%;background:#efefef}main #aboutServices>div:nth-child(2n){background:#fff}main #aboutServices>div>div{width:20%;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto;padding:20px 0;box-sizing:border-box;display:flex}main #aboutServices>div>div h2{margin:0 0 10px}main #aboutServices>div>div span{float:left;margin:-6px 30px 0 0;font-size:5em;font-weight:700;letter-spacing:-5px;line-height:1em}main #aboutServices>div>div h2{font-size:1.75em;text-align:left}main #aboutServices>div>div ul{padding-left:20px;font-size:1.25em}main #aboutServices>div:nth-child(3n+1) span{color:#12a89d}main #aboutServices>div:nth-child(3n+2) span{color:#f7941d}main #aboutServices>div:nth-child(3n) span{color:#7c51a1}main #teamProfiles{display:flex;flex-direction:column;max-width:800px;margin:20px auto 0;text-align:center}main #teamProfiles div{margin:20px auto}main #teamProfiles div img{display:block;width:300px;margin:0 auto 15px}main #teamProfiles div h2{margin:0 5px 0 0;padding:0}main #teamProfiles div span{display:block;margin-bottom:10px;font-weight:700;color:#12a89d}main #experienceLogos,main #brandsLogos{display:flex;flex-wrap:wrap;margin:0 0 50px;padding:0}main #experienceLogos li,main #brandsLogos li{display:inline-flex;align-items:center;width:50%;box-sizing:border-box;list-style-type:none}main #experienceLogos li a,main #brandsLogos li a{display:inline-flex;align-items:center;width:100%;height:100%}main #experienceLogos li img,main #brandsLogos li img{position:relative;width:80%;margin:20px 0;padding:0 10%}main #contactForm{max-width:800px;margin:0 auto 50px}main #contactForm label{display:block;font-size:1.25em}main #contactForm input,main #contactForm textarea{display:block;width:100%;margin:5px 0 15px;border:1px solid #999;padding:8px 0;box-sizing:border-box;font-family:"Roboto",sans-serif;font-weight:300;font-size:1em;text-indent:5px}main #contactForm input{max-width:400px}main #contactForm input.phoneInput{display:inline-block;width:46px}main #contactForm input.phoneInput:nth-of-type(3){width:58px}main #contactForm input[type=submit]{width:auto;border:none;border-radius:3px;padding:10px 20px 10px 15px;font-size:1em;font-weight:700;color:#fff;background:#12a89d;transition:background .3s;cursor:pointer}main #contactForm input[type=submit]:hover{background:#f7941d}@media (min-width: 600px){main h1{font-size:4em}main p,main .vard{font-size:1.5em}header #headerContent2{font-size:1.25em}main #indexSubhead{font-size:2em}main #experienceLogos li,main #brandsLogos li{width:33.33%}}@media (min-width: 750px){main #teamProfiles{flex-direction:row}}@media (min-width: 1050px){main #experienceLogos li{width:25%}}@media (min-width: 1600px){main .fullWidth img{height:initial}}footer{width:500%;margin:30px 0 30px -200%;background:#f7941d;position:absolute;bottom:0;height:250px;margin-bottom:0;color:#fff;background-color:#7c51a1}footer #footerContent{width:20%;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto;padding:20px 0;box-sizing:border-box;text-align:center}footer #footerContent h2{margin:0 0 10px}footer #footerContent #logo img{max-width:80%}footer #footerContent #footerNav{width:280px;margin:15px auto;padding:0}footer #footerContent #footerNav li{display:inline;list-style-type:none}footer #footerContent #footerNav li a{margin:2px;border-radius:3px;padding:5px 7px;font-size:1em;font-weight:700;line-height:2.4em;color:#7c51a1;background:#f7941d}footer #footerContent #footerNav li a:hover{background:#e77e00}footer #footerContent #copyright{font-size:.9em}