.landing-content-wrapper{display:flex;& .left-side-content{width:40%;position:relative;top:0;left:0;z-index:1}& h2.landing-copy{color:var(--grey-5);font-weight:500;font-size:1.8rem;line-height:155%;height:auto;width:100%}& h2.grid-header{font-size:2.2rem;font-weight:700;text-align:center;color:var(--grey-5);margin:43px 0 10px;width:100%;&.lower{margin-top:10px}}& .persona-grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"header header header" "item item item " "item item item" ". last .";-moz-column-gap:5px;column-gap:5px;row-gap:10px;max-width:450px;margin:0 auto;& .persona-grid-item{grid-item:header;display:grid;place-items:center;justify-content:space-evenly;border-radius:10px;border:1px solid transparent;transition:border .15s linear;justify-self:center;width:140px;&:hover{border:1px solid var(--grey-3);box-shadow:0 16px 14px -12px rgba(0,0,0,.14);cursor:pointer}& .grid-icon{margin:20px 0 15px;filter:grayscale(100%) opacity(85%)}& h3.icon-label{text-align:center;color:var(--grey-4);margin:0 0 23px}}& .persona-grid-item:last-child{grid-area:last;& h3{max-width:-moz-min-content;max-width:min-content}}}& .big-phone-home{max-width:80%;height:auto;position:relative;left:-100px}}.brands-wrapper{width:100%;margin:0 auto;& .stack{display:grid;justify-items:center;position:relative;top:-40%;margin-bottom:-13%;>*{grid-area:1/1}}& h2.brands-header{position:relative;font-size:2.6rem;font-weight:800;text-align:center;color:var(--grey-1);margin-top:380px;&.lower{margin-top:20px}}& .brands-diagram{align-self:center;width:100%;margin-top:400px}& .brands-background{position:relative;width:100%;left:-25%;z-index:-1;width:150%;margin:0 auto}}.solutions-wrapper-home{max-width:1100px;margin:0 auto 70px;& h1{font-size:3.5em;color:var(--grey-6);grid-area:header}& h2{max-width:650px;font-size:30px;line-height:145%;color:var(--grey-5);font-weight:500;grid-area:sub-header}& .solutions-grid-wrapper{max-width:900px;display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:10px;column-gap:10px;row-gap:80px;-moz-column-gap:100px;column-gap:100px;margin-top:100px}& .solutions-item{display:grid;justify-content:space-evenly;& h3{font-size:2rem;margin:0 0 36px;color:var(--grey-6)}& p{line-height:150%;margin:0 0 20px;color:var(--grey-8)}& a,& p{font-size:1.2rem}& a{color:var(--orange);text-decoration:underline;font-weight:700}}}.contact-wrapper{width:100%;display:block;margin:0 auto;background-color:var(--orange);& .contact-content-wrapper{width:455px;margin:100px auto;& h1{color:var(--grey-6);font-size:3.5rem;margin:0 0 20px}& h2{font-size:1.2rem;color:#fff;font-weight:500;margin:0 0 30px}}}.testimonials-wrapper{width:700px;margin:0 auto;& h1{font-size:3.5rem;color:var(--grey-6);margin-top:120px}& .testimonials-item{margin-bottom:40px}& .testimonials-text{color:var(--grey-6);font-size:1.1rem;margin:0;line-height:150%}& .testimonials-footer{display:flex;width:100%;margin:10px 0 0;padding:0;white-space:nowrap;& .name{display:block;font-size:1.2rem;font-weight:700;color:var(--grey-6);margin:10px 0 2px}& .title{font-size:1.2rem;color:var(--grey-5)}& img{float:left;margin:0 20px 0 1px;padding:0;filter:grayscale(100%);opacity:.75;width:auto}}}.sustainability-series-wrapper{margin:50px auto;width:1050px;background:linear-gradient(90deg,#1c77bf,#58c3ee);& .inner-background{position:relative;background:#fff;width:1040px;height:calc(100% - 10px);margin:0 auto;top:3px;border:2px solid transparent}& img{display:block;height:auto;width:auto;margin:15px auto 0}& .sus-lower{width:660px;margin:20px auto 50px;& .sus-text{color:var(--grey-6);font-size:1.1rem;width:450px;display:inline-block;margin:0;font-weight:600}& .sus-button{margin:0 0 0 10px;position:relative;top:-10px}}}.hero-solutions{& .hero-headline{color:var(--grey-6)}& .hero-subtext{color:var(--grey-5)}& .hero-solutions{position:relative;z-index:-1;top:-57%;left:-80%;width:210%;height:auto}}.section-header{margin-top:0}.section-header,.section-header-2{font-size:3.5rem;color:var(--grey-5);font-weight:600;text-align:center}.section-header-2{margin-top:100px}.graphic-labor-1{margin:30px auto}.solutions-wrapper-solutions{display:block;margin:70px auto 0;width:800px;& .solutions-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:10px;column-gap:10px;row-gap:30px;-moz-column-gap:100px;column-gap:100px;align-items:start}& .solutions-item{display:grid;& h3{font-size:2rem;margin:20px 0 15px;color:var(--grey-6)}& p{line-height:150%;margin:0 0 10px;color:var(--grey-8)}& a,& p{font-size:1.2rem}& a{color:var(--orange);text-decoration:underline;font-weight:700}}}.asset-tag-wrapper{width:900px;margin:100px auto;display:flex;jusify-items:start;& .stack{display:grid;justify-items:center;position:relative;>*{grid-area:1/1}}& .content-left{justify-self:start;display:flex;flex-direction:column;width:40%;margin:0 0 0 50px;& .section-header-asset-tag{font-size:3.5rem;color:var(--grey-5);font-weight:600;margin:10px 0 20px}p{color:var(--grey-6);font-size:1.15rem;margin:10px 0}}& .screen-asset-tag{max-width:70%;height:auto;justify-self:end;margin-right:-10px}& .background-asset-tag{position:relative;width:100%;left:-35%;z-index:-1;width:170%;margin:50px auto;align-self:end}}.placeholder{margin:0 auto;width:80%;height:auto}.youtube-placeholder{display:block;margin:70px auto 0}h1.section-header{text-align:left;width:800px;height:auto;margin:120px auto 0;font-weight:700;color:var(--grey-6)}& .different{margin:40px auto}.screen-switcher-wrapper{width:1100px;margin:50px auto 0;display:flex;position:relative;left:20px;top:0;& .content-left{display:flex;flex-direction:column;margin:0;width:45%;position:relative;top:0;left:0;z-index:1;& .switcher-header{font-size:3.1rem;color:var(--grey-6);font-weight:700;text-align:right;width:100%}& .click-section{position:relative;top:0;left:0}& .switcher-click-text{color:var(--blue);font-size:1.5rem;margin:20px 0 0;text-align:right;transition:color .2s linear;&:hover{cursor:pointer;color:var(--blue-dark)}& .arrow-right{max-width:14px;margin-left:10px}&.active{color:var(--blue-dark)}}& p.reveal-text{font-size:1.1rem;color:var(--grey-5);line-height:150%;margin:20px 0 0;border-radius:4px;padding:0 0 20px 20px;position:relative;top:0;left:20px;&.hide{display:none}}}& .slide{height:auto;position:relative;top:0;left:-130px;z-index:-1;&.hide{opacity:0;transition:opacity .4s ease-out}&.show{opacity:1;transition:opacity .4s ease-in}}}.slider-wrap-stack{display:grid;justify-items:center;position:relative;>*{grid-area:1/1}}.get-started-wrapper{text-align:center;position:relative;top:0;left:0;maring:0 auto;& .stack{display:grid;justify-items:end;position:relative;>*{grid-area:1/1}}& h1{margin:150px auto}& h1,& h2{text-align:center;color:#fff}& h2{width:100%;top:300px;margin:320px auto;font-size:2rem}& img.get-started-background{position:relative;width:150%;left:-25%;top:0;height:auto;margin:0 auto;z-index:-1}}.button-row{position:relative;top:-100px;& .button-join-now{width:312px;height:69px;border-radius:4px;background:var(--blue);border:none;font-size:1.4rem;color:#fff;font-weight:600;display:block;margin:0 auto}}.success-wrapper{width:950px;display:flex;flex-direction:row;& .photo-success{width:45%;margin-right:5%}& .right-content{width:50%;margin:o;& h1{margin:0 0 30px}& p{color:var(--grey-6);font-size:1.1rem;line-height:150%}}}.photo-full-width{display:block;margin:100px auto 50px}.placeholder{display:block;margin:50px auto 100px;width:60%}.subdivisions-pic{display:block;margin:0 auto;max-width:100%;height:auto}.builders-header{font-size:3.5rem;width:800px;margin:120px auto 50px;color:var(--grey-6)}.builders-subheader{font-size:2.3rem;width:800px;margin:0 auto 70px;color:var(--grey-5);font-weight:500}.button-row{display:flex;flex-direction:row-reverse;min-width:740px;margin:0 auto;& .builders-join-now-button{width:312px;height:69px;border-radius:4px;background:var(--blue);border:none;font-size:1.4rem;color:#fff;font-weight:600;display:block;position:relative;top:0;right:0;z-index:-1;float:right}}.top-nav{width:100%;max-width:1150px;padding:50px 0 0;display:flex;align-items:end;position:relative;top:0;left:0;& .nav-item-wrapper{position:relative;top:-10px;left:0;display:flex;flex-direction:row;white-space:nowrap;& a.link{position:relative;font-weight:600;font-size:1rem;color:var(--grey-6);margin:0 0 0 17px;text-decoration:none;display:flex;&.active,&:hover{color:var(--blue)}}& a.sub-sub-nav-link{border:2px solid red!important;color:red!important}& .sub-nav{position:absolute;top:22px;left:-5px;padding:20px;margin:0;background:#fff;border:1px solid var(--grey-3);min-width:100%;display:none;white-space:nowrap;box-shadow:1px 1px 4px var(--grey-1);z-index:10;& .sub-nav-link{display:flex;flex-direction:column;color:var(--grey-6);text-decoration:none;margin:0;padding:5px;font-weight:600;positin:relative;&:hover{color:var(--blue)}}& .nested{display:flex;flex-direction:column;color:#000;text-decoration:none;margin:0;padding:5px 5px 5px 25px;font-size:.9rem;font-weight:400;&:hover{color:var(--blue)}}}&:hover{& .sub-nav{display:flex;flex-direction:column}}& .dropdown-arrow{margin-left:3px;transition:transform .4s;margin-top:11px}}}.hero-wrapper{width:100%;margin:0 auto}.stack{display:grid;place-items:start;>*{grid-area:1/1}}h1.hero-headline{font-size:4.4rem;font-weight:300;color:var(--blue-dark);line-height:121%;white-space:pre-line;margin-top:90px}h2.hero-subtext{font-size:1.4rem;font-weight:700;color:var(--grey-5);line-height:150%;margin-top:27px}.graphic-hero-home{position:relative;left:-50%;top:120px;z-index:-1;width:170%;height:auto}.footer-wrapper{background:var(--blue-dark);margin:0;& .footer-content-wrapper{width:1150px;padding:50px;margin:0 auto}& .copyright-privacy{margin:0}}h1.blog-feed-header{font-size:2.5rem;font-weight:400px;min-width:1050px;margin:60px auto;color:var(--grey-6)}.blog-feed-wrapper{max-width:1050px;margin:0 auto 100px;display:flex;flex-direction:row;justify-content:space-between;& .blog-feed-item{display:flex;flex-direction:column;max-width:30%}& .byline{margin:20px 0;color:var(--grey-7)}& .teaser-text{margin:0 0 20px;color:var(--grey-6)}& .link-read-more{font-weight:800;color:var(--orange);font-size:1rem}}:root{--blue:#57c0e8;--blue-dark:#3f82a5;--blue-darker:#1e345d;--purple:#732a81;--orange:#f90;--green:#3fae29;--grey-1:#f5f5f5;--grey-2:#e0e0e0;--grey-3:#bdbdbd;--grey-4:#9e9e9e;--grey-5:#757575;--grey-6:#616161;--grey-7:#484848;--grey-8:#343434;--grey-9:#212121;--text-font:"Nunito_Sans"}body,html{margin:0;padding:0;overflow-x:hidden;filter:grayscale(100%)}body,html,main{min-height:100%}main{display:grid;grid-template-rows:auto 1fr auto;margin:0 auto;max-width:1150px}