.main-nav{-webkit-animation:slide-in-top .5s ease forwards;animation:slide-in-top .5s ease forwards;background-color:#bcc5fc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;width:100%;z-index:40}.main-nav a{border-bottom:none}.main-nav .navbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-nav .logo{background-color:#3d4261;border-radius:0 0 4px 4px;display:block;margin-bottom:-1rem;padding:1.5rem .5rem .5rem .5rem;width:2.688em}.main-nav .navicons{display:-webkit-box;display:-ms-flexbox;display:flex}.main-nav .nav-icon{-ms-flex-item-align:center;align-self:center;background-color:#adb8fb;border-radius:100%;display:block;height:1.25em;margin:.5rem .5rem 1rem .5rem;padding:.5rem;-webkit-transition:all .5s ease;transition:all .5s ease;width:1.25em}.main-nav .nav-items{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.main-nav .link{border-bottom:none;padding:1.5rem 1rem;overflow:hidden}.main-nav .link:after{border-radius:4px;content:"";display:block;width:0;background-color:#3d4261;height:5px;margin:0 auto;overflow:hidden}@media(min-width:400px){.main-nav .logo{width:3.688em}}@media(min-width:608px){.main-nav .logo{width:4.688em;margin-bottom:-2rem;padding:1rem;-webkit-transition:all .5s ease;transition:all .5s ease}.main-nav .logo:hover{background-color:#232638}.main-nav .nav-icon{margin:0 1rem 0 0;padding:1rem}.main-nav .nav-icon:hover{background-color:#9aa7fa;cursor:pointer}.main-nav .link:hover{cursor:pointer}.main-nav .link:hover:after{-webkit-animation:slide-in .5s ease forwards;animation:slide-in .5s ease forwards}}.main-nav-open{-webkit-animation:expand .5s ease forwards;animation:expand .5s ease forwards}.main-nav-open .nav-items{display:-webkit-box;display:-ms-flexbox;display:flex}.main-nav-open .logo{z-index:40}.main-nav-hidden{-webkit-animation:slide-up-out .5s ease forwards;animation:slide-up-out .5s ease forwards}.main-nav-small .logo{width:2.688em}.main-nav-small .nav-icon{padding:.5rem}.footer-nav{background-color:#3d4261;color:#fff;display:block}.footer-nav .nav-wrapper{padding:1.5rem 0}.footer-nav .nav-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.footer-nav .link{color:#fff;display:block;border-bottom:1px solid #fff;margin-bottom:1rem}.project-preview-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:1rem;padding-top:1rem}@media(min-width:800px){.project-preview-list{padding-bottom:4rem;padding-top:4rem}}.project-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5rem 0}.project-preview span{display:block;margin-bottom:1.5rem;text-transform:uppercase}.project-preview .project-details{color:#3d4261;margin-bottom:2rem}.project-preview .project-images{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto;width:100%}.project-preview .project-images img{border-radius:4px;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.25);box-shadow:0 2px 15px 0 rgba(0,0,0,.25);-webkit-transition:all .5s ease;transition:all .5s ease}.project-preview .project-images img:hover{-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.15);box-shadow:0 1px 10px 0 rgba(0,0,0,.15)}@media(min-width:800px){.project-preview{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:7% 0}.project-preview .project-details{width:65%;margin-right:4rem}}.project-featured{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.project-featured .project-images{-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;width:100%}.project-featured .project-images img:first-child{width:45%;margin-left:5%}.project-featured .project-images img:nth-child(2){width:30%;margin-left:2%;margin-right:-5%;margin-top:5%;z-index:20}.project-featured .project-images img:nth-child(3){width:75%;margin:-7% auto 0 auto}@media(min-width:800px){.project-featured .project-images img:first-child{width:35%;margin-left:0}.project-featured .project-images img:nth-child(2){width:15%;margin-left:-5%;margin-top:auto;margin-bottom:-2%;z-index:20}.project-featured .project-images img:nth-child(3){width:60%;margin-left:-2%}}.related-content{background-color:#edeff4;display:block;margin-top:4rem;padding-top:4rem}.related-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1.5rem;padding-bottom:4rem}.related-list .related-item{background-color:#fff;border:2px solid #bcc5fc;border-radius:4px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:center;text-decoration:none}.related-list .related-item,.related-list .related-item .img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .5s ease;transition:all .5s ease;width:100%}.related-list .related-item .img-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#bcc5fc;border-radius:2px 2px 0 0;padding:1.5rem 0}.related-list .related-item img{border-radius:4px;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.25);box-shadow:0 2px 15px 0 rgba(0,0,0,.25);width:75%}.related-list .related-item h3{padding:1rem 0 .5rem 0}.related-list .related-item .text-container{padding:0 1rem;text-align:left}.related-list .related-item .text-container h3{padding:1.5rem 0 0 0}.related-list .related-item:hover{-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.25);box-shadow:0 2px 15px 0 rgba(0,0,0,.25)}.related-list .related-item:hover .img-container{background-color:#edeff4}.related-list .related-item:hover img{-webkit-box-shadow:none;box-shadow:none}.related-list .related-item:first-child{margin-bottom:1.5rem}@media(min-width:600px){.related-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.related-list .related-item{-webkit-transition:all .5s ease;transition:all .5s ease}.related-list .related-item:first-child{margin-bottom:0;margin-right:1rem}}.home-hero{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-color:#bcc5fc;height:70vh;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:4rem;position:fixed;text-align:left;z-index:-40}.home-hero,.home-hero .hero-text{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.home-hero .hero-text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:4rem;z-index:20}.home-hero .hero-text h1{margin:0 1rem 1rem 0;text-align:left}.all-projects{background-color:#fff;-webkit-box-shadow:0 -3px 10px 0 rgba(61,97,95,.25);box-shadow:0 -3px 10px 0 rgba(61,97,95,.25);display:block;margin-top:70vh;padding-top:1rem;position:relative}.about-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:50rem}@-webkit-keyframes expand{to{min-height:100vh}}@keyframes expand{to{min-height:100vh}}@-webkit-keyframes slide-in{0%{width:0}to{width:100%}}@keyframes slide-in{0%{width:0}to{width:100%}}@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-150%);transform:translateY(-150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-150%);transform:translateY(-150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-up{0%{padding-top:5%;opacity:.8}to{padding-top:0;opacity:1}}@keyframes fade-in-up{0%{padding-top:5%;opacity:.8}to{padding-top:0;opacity:1}}@-webkit-keyframes slide-up{to{-webkit-transform:translateY(-65%);transform:translateY(-65%)}}@keyframes slide-up{to{-webkit-transform:translateY(-65%);transform:translateY(-65%)}}@-webkit-keyframes slide-up-out{to{-webkit-transform:translateY(-150%);transform:translateY(-150%)}}@keyframes slide-up-out{to{-webkit-transform:translateY(-150%);transform:translateY(-150%)}}@-webkit-keyframes bounceLeft{40%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceLeft{40%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes expandHeight{to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes expandHeight{to{-webkit-transform:scale(1.5);transform:scale(1.5)}}.brief,.project-title,.result,.tools{margin:0 auto;max-width:50rem}.project-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:4rem 0;width:100vw}.project-hero .project-title{margin:4rem 0;padding-top:4rem}.project-hero .project-title span{font-size:1.5rem;text-align:center}.project-hero .main-img{width:85%}@media(min-width:1000px){.project-hero .project-title{margin:2rem 0}.project-hero .main-img{border-radius:4px;width:65%}}.goals{background-color:#3d4261;color:#fff;border-left:5px solid #bcc5fc;margin:0 auto 1.5rem auto;padding:2rem}.goal-process{margin-top:4rem}.main-img{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:4rem 0 1.5rem 0;overflow:hidden;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.25);box-shadow:0 2px 15px 0 rgba(0,0,0,.25)}.main-img img{width:100%}.slideshow .slideshow-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:1.5rem}@media(min-width:600px){.slideshow{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4rem}.slideshow .slideshow-item{padding-bottom:1.5rem;width:80%}}@media(min-width:600px)and (min-width:800px){.slideshow .slideshow-item{margin:0 1rem}}.slideshow img{border-radius:4px;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.25);box-shadow:0 2px 15px 0 rgba(0,0,0,.25);margin-top:1rem}.result{margin-top:4rem}.tools h4{margin-bottom:1rem}.skills-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.skills-list .skill-item{line-height:20px;width:30%;text-align:center;margin:0 .25rem 1rem .25rem}@media(min-width:1000px){.skills-list .skill-item{width:18%}}.skills-list .skill-item .skill-image{background-color:#edeff4;border-radius:4px}html{color:#3d4261;font-family:Montserrat,sans-serif;font-weight:300;font-size:16px}body{margin:0}body.main-nav-open{overflow:hidden}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.page{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:8rem}.container{margin:0 1rem}@media(min-width:90rem){.container{max-width:80rem;margin:0 auto;width:100%}}img{max-width:100%}.heading-1{font-family:Montserrat,sans-serif;font-size:2.5em;font-weight:900;line-height:1em;margin-bottom:2rem;margin-top:0;text-align:left}@media(min-width:600px){.heading-1{font-size:4.5em}}.heading-2,.heading-3,h2,h3{font-family:Montserrat,sans-serif;font-size:2.25rem;font-weight:700;line-height:2.5rem;margin:0 0 .5rem 0}.heading-3,h3{font-size:1.5rem;line-height:1.813rem}.heading-4{font-family:Montserrat,sans-serif;font-size:1.25rem;margin:0}.paragraph{font-size:1.25rem;line-height:1.75em;margin-top:0}.paragraph-large{font-size:2rem}.paragraph-narrow{margin:0 auto;max-width:50rem}.link,a{color:#3d4261;border-bottom:1px solid #3d4261;text-decoration:none}a.button{border:2px solid #bcc5fc;border-radius:4px;display:block;font-weight:700;margin-top:2rem;padding:1rem 1.5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transition:all .25s ease;transition:all .25s ease}a.button:hover{background-color:#3d4261;border:2px solid #3d4261;color:#fff}.caption{margin-top:1rem;text-align:left}hr{background-color:#bcc5fc;border:none;border-radius:4px;height:2px;margin:1.5rem auto;max-width:50rem}.about-content{margin-top:1.5rem}