h1 a{color:#333;text-decoration:none}.nav_container{z-index:100;transition:1s}.nav_container .logo{position:absolute;width:30px;height:30px;left:3%;top:25px;background:url(/images/brand-logo-charcoal.png);background-size:cover;z-index:100}@media only screen and (max-device-width:1000px){.nav_container .logo{top:20px;width:40px;height:40px;left:5%}}.nav_container .logo-white{background:url(/images/brand-logo-white.png);background-size:cover}.nav_container .nav-open-button{position:absolute;top:25px;right:3%;z-index:100;cursor:pointer}.nav_container .nav-open-button .bar{display:block;width:25px;height:2px;background:#4e5051;margin-bottom:4px;transform:translateY(0);transition:transform .5s}@media only screen and (max-device-width:1000px){.nav_container .nav-open-button .bar{width:40px;height:4px;margin-bottom:5px}.nav_container .nav-open-button{top:30px;right:5%}}.nav_container .nav-open-button:hover .bar:first-child{animation-name:bar-up;animation-duration:1s;animation-fill-mode:forwards}.nav_container .nav-open-button:hover .bar:last-child{animation-name:bar-down;animation-duration:1s;animation-fill-mode:forwards}.nav_container .nav{position:absolute;top:0;right:-100%;display:flex;flex-direction:column;align-self:flex-end;background:#fff;width:300px;height:calc(100vh - 100px);padding:50px;z-index:999;transition:1s;overflow:hidden}@media only screen and (max-width:1000px){.nav_container .nav{width:70%}}.nav_container .nav .nav-close-button{position:absolute;top:15px;right:5%;padding:20px;cursor:pointer}@media only screen and (max-device-width:1000px){.nav_container .nav .nav-close-button{top:30px}}.nav_container .nav .nav-close-button .bar{display:block;width:25px;height:2px;background:#4e5051;transform:rotate(45deg)}@media only screen and (max-device-width:1000px){.nav_container .nav .nav-close-button .bar{width:40px;height:3px}}.nav_container .nav .nav-close-button .bar:last-child{margin-top:-2px;transform:rotate(-45deg)}.nav_container .nav h1{font-family:stratos,sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:18px;letter-spacing:1px;margin-top:40px;margin-bottom:10px}@media only screen and (max-device-width:1000px){.nav_container .nav h1{font-size:1.4em;margin-top:0}}.nav_container .nav ul{margin:0;padding:0;list-style-type:none}.nav_container .nav ul li{margin:10px 0}@media only screen and (max-device-width:1000px){.nav_container .nav ul li{margin:14px 0}}.nav_container .nav li a{font-family:miller-display,serif;font-weight:400;font-style:normal;letter-spacing:1px;color:#333;text-decoration:none}@media only screen and (max-device-width:1000px){.nav_container .nav li a{font-size:1.25em}}.nav_background{position:absolute;width:100%;height:100vh;background:rgba(69,75,102,.8);transition:1s;overflow:hidden;left:0;z-index:99}@keyframes bar-up{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes bar-down{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.hero_container{display:flex;height:100%;align-items:center;justify-content:center;overflow:hidden}@media only screen and (max-width:1000px){.hero_container{flex-direction:column;margin-top:20%;align-items:unset;justify-content:unset;height:auto}}.hero_container .hero{position:relative;width:55%;height:100%;z-index:1;overflow:hidden}@media only screen and (max-width:1000px){.hero_container .hero{width:100%;margin:40px auto;height:auto}}.hero_container .hero .hero-image{position:absolute;width:100%;height:100%;background-size:cover;background-position:top;transform:translateZ(0);display:flex;justify-content:center;align-items:center}@media only screen and (max-width:1000px){.hero_container .hero .hero-image{position:relative;animation-name:auto}}.hero_container .hero img{width:100%;height:auto}.hero_container .project-copy{position:absolute;text-align:center;width:25%;left:6%;z-index:10}@media only screen and (max-width:1000px){.hero_container .project-copy{text-align:left;position:relative;width:90%;animation-name:auto;opacity:1;bottom:auto}}.hero_container .role-copy{position:absolute;bottom:5%;right:5%;text-align:right;width:400px;z-index:10}.hero_container .role-copy h2{margin-bottom:10px;margin-right:-5px}@media only screen and (max-width:1000px){.hero_container .role-copy{position:relative;width:95%;animation-name:auto;right:0;opacity:1;bottom:auto}}.project_container{display:flex;height:100vh;align-items:center;justify-content:center;overflow:hidden}@media only screen and (max-width:1000px){.project_container{width:100%!important;height:auto;overflow:auto;flex-direction:column;margin-top:20%}}.project_container .scroll-right{position:absolute;font-size:30px;right:3%;bottom:5%;animation-name:scroll-right;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}@media only screen and (max-width:1000px){.project_container .scroll-right{display:none}}.project_container .scroll-right .bar{display:block;width:20px;height:2px;background:#4e5051;transform:rotate(30deg);border-radius:10px}.project_container .scroll-right .bar:last-child{margin-top:7px;transform:rotate(-30deg)}.project_container .intro{display:flex;width:100%;align-items:center;justify-content:center}@media only screen and (max-width:1000px){.project_container .intro{flex-direction:column}}.project_container .hero{position:relative;width:50%;height:auto}@media only screen and (max-width:1000px){.project_container .hero{width:100%}}.project_container .hero img{width:100%;height:auto}.project_container .copy{position:relative;width:50%;text-align:center}@media only screen and (max-width:1000px){.project_container .copy{width:100%;margin:40px auto}}.project_container .copy p{width:80%;margin:20px auto 0}@media only screen and (max-width:1000px){.project_container .copy p{margin:40px auto;width:90%}}.project_container .copy h2{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:22px;margin:40px 0 20px;letter-spacing:0}@media only screen and (max-device-width:1000px){.project_container .copy h2{font-size:1.4em}}.project_container .copy h3{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:18px;margin:0}@media only screen and (max-device-width:1000px){.project_container .copy h3{font-size:1.4em}}.project_container .copy .skills-section{display:flex;width:100%;align-items:baseline;justify-content:center}.project_container .copy .skills-section .skills-column{position:relative;width:50%}.project_container .copy .skills-section .skills-column ul{padding:0;list-style:none}.project_container .copy .skills-section .skills-column ul li{text-transform:uppercase}.project_container .hero-2{display:flex;width:100%;height:100%;overflow:hidden;align-items:center;justify-content:center}.project_container .hero-2 .hero-box{width:80%;height:90%;overflow:hidden}@media only screen and (max-width:1000px){.project_container .hero-2 .hero-box{width:100%;height:auto}}.project_container .hero-2 img{width:100%;height:auto}.project_container .projects{position:relative;width:100%;height:100%;background:#ebebeb;display:flex;align-items:center;justify-content:space-around}@media only screen and (max-width:1000px){.project_container .projects{flex-direction:column;padding:120px 0}}.project_container .projects .desktop-slide{position:relative;width:50%;height:auto;overflow:hidden}@media only screen and (max-width:1000px){.project_container .projects .desktop-slide{width:90%;margin-bottom:120px}}.project_container .projects .desktop-slide .device-pic{z-index:10}.project_container .projects .desktop-slide .scroll-container{position:absolute;width:92%;height:60%;top:5%;left:0;z-index:0;margin:0 4%}.project_container .projects .mobile-slide{position:relative;width:25%;height:auto;overflow:hidden}@media only screen and (max-width:1000px){.project_container .projects .mobile-slide{width:60%}}.project_container .projects .mobile-slide .device-pic{z-index:10}.project_container .projects .mobile-slide .scroll-container{position:absolute;width:64%;height:89%;top:5%;left:0;z-index:0;margin:0 18%}.project_container .projects .mobile-slide .scroll-container .scroll-pic{border-radius:20px}.project_container .projects .scroll-pic{width:100%;height:100%;overflow:scroll}.project_container .projects img{width:100%;height:auto}@keyframes scroll-right{0%{right:3%}25%{right:5%}50%{right:3%}75%{right:5%}85%{opacity:1}to{right:3%;opacity:0}}.about_container{display:flex;flex-direction:column;align-items:center;justify-content:center}.about_container .hero-row{display:flex;padding-top:85px;width:100%;justify-content:space-between;align-items:center}.about_container .hero-row img{width:24%;height:auto}@media only screen and (max-width:1000px){.about_container .hero-row{padding-top:160px}.about_container .hero-row img{width:49%}.about_container .hero-row #img2,.about_container .hero-row #img3{display:none}}.about_container .copy{padding:40px 5%;width:58%;text-align:justify}@media only screen and (max-width:1000px){.about_container .copy{width:85%;padding:10% 5%}}body{margin:0;padding:0;background-color:#f8faf9}.app_inner_container{position:absolute;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow:hidden}.app_inner_container h1{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:40px;letter-spacing:5px;color:#333;margin:0;line-height:1.2}@media only screen and (max-device-width:1000px){.app_inner_container h1{font-size:1.4em;line-height:normal}}.app_inner_container h2{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:30px;letter-spacing:2px;color:#333;margin:0;line-height:1.2}@media only screen and (max-device-width:1000px){.app_inner_container h2{font-size:1.4em;white-space:normal}}.app_inner_container .heading-subtext{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:16px;text-transform:uppercase;margin:5px 0 0;letter-spacing:0}@media only screen and (max-device-width:1000px){.app_inner_container .heading-subtext{font-size:1.4em;margin-top:20px}}.app_inner_container h3{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:22px;margin:40px 0 20px}@media only screen and (max-device-width:1000px){.app_inner_container h3{font-size:1.4em}}.app_inner_container h5{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:18px;margin:0}@media only screen and (max-device-width:1000px){.app_inner_container h5{font-size:1.4em}}.app_inner_container p{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:1px;color:#333}@media only screen and (max-device-width:1000px){.app_inner_container p{font-size:1em}}.app_inner_container span{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:1px;color:#333}@media only screen and (max-device-width:1000px){.app_inner_container span{font-size:1em}}.app_inner_container .page-button{font-family:stratos,sans-serif;font-weight:400;font-style:normal;font-size:16px;text-transform:uppercase;margin:5px 0 0;letter-spacing:0;color:#275e63;border-bottom:2px solid #275e63;cursor:pointer;text-decoration:none;transition:padding .5s}@media only screen and (max-device-width:1000px){.app_inner_container .page-button{font-size:1.4em;margin-top:20px}}@media only screen and (max-width:1000px){.app_inner_container .page-button{font-size:1.5em}}.page-button:hover{padding-bottom:3px}.transition-group{position:absolute;width:100%;height:100%;overflow-x:scroll;left:0}.wrapper .fade-enter{opacity:.01}.wrapper .fade-enter.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.wrapper .fade-exit{opacity:1}.wrapper .fade-exit.fade-exit-active{opacity:.01;transition:opacity .3s ease-in}