@font-face{font-family:"Alte Din 1451 Mittelschrift";src:url("../fonts/din1451alt-webfont.woff2") format("woff2"),url("../fonts/din1451alt-webfont.woff") format("woff");font-weight:normal;font-style:normal}*{box-sizing:border-box}*:focus{outline:none}body{background:#fefefe}body{opacity:0;transition:opacity 2s;-webkit-transition:opacity 2s}a{text-decoration:none;cursor:pointer}a.hero-link i{font-size:1.5em;margin-right:15px;text-align:center;width:45px;padding:10px;background-color:#e3e3e3;border-radius:5px;transition:all 0.15s ease-in-out;color:#4a4a4a}a.hero-link i:hover{background-color:#d6d6d6;color:#4a4a4a}.col-centered{margin:0 auto;float:none}i:hover{color:#5565bb}a,a:hover,a:active,a:visited,a:focus{text-decoration:none}.col-centered{float:none;margin:0 auto}section.nav{padding-top:15px;padding-bottom:15px;padding-left:30px;padding-right:30px;background-color:white;width:100%;top:0;left:0;right:0;z-index:99998;position:absolute;vertical-align:middle;transition:opacity 0.2s ease-in-out}section .about-hero{background-color:white;background-color:#EDF7F8}section .about-hero .section-container{height:75vh}section .about-hero h1{font-size:7em;font-family:"Effra","sans-serif";padding:10px;display:inline;border-radius:7px;color:#4bb1ba}section .about-hero p.hero-para{margin-top:20px}section .about-hero p{font-size:1.9em;font-family:"freight-sans-pro","sans-serif";color:#292929;padding:25px}section .about-hero p a{color:#292929}section .about-hero p span.color{color:#4bb1ba;color:#8f8f8f}section .about-hero p span.dotted{transition:all 0.2s ease-in-out}section .about-hero .hero-link{color:#4bb1ba}section .about-hero .hero-link.button{font-family:"Effra","sans-serif";color:white;background-color:#4bb1ba;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;text-transform:capitalize;font-size:0.8em;font-weight:400;border:none;border-radius:3px;font-weight:400;transition:all 0.2s ease-in-out}section .about-hero .hero-link.button:hover{background-color:#337f85}section .about-hero .hero-link *{margin-right:20px;transition:all 0.2s ease-in-out;color:#4bb1ba}section .about-hero .hero-link *:hover{color:#337f85}.nav-button{width:15px;height:15px;top:20px;left:30px;position:fixed;cursor:pointer;z-index:99999;display:none}.nav-button.visible{zoom:1.2}.nav-button:hover{opacity:0.7}.nav-button span{height:2px;background-color:#8f8f8f;background-color:#7a7e8e;position:absolute;width:100%;border-radius:1px;transition:all 0.35s ease}.nav-button span.middle{top:5px}.nav-button span.bottom{top:10px}.nav-button.active span.top{transform:translateY(5px) rotate(45deg);background-color:white}.nav-button.active:hover span.top{background-color:#7a7e8e}.nav-button.active span.middle{opacity:0}.nav-button.active span.bottom{transform:translateY(-5px) rotate(-45deg);background-color:white}.nav-button.active:hover span.bottom{background-color:#7a7e8e}a.navlink-right{float:right;margin-left:30px;font-family:"Effra","sans-serif";padding:2px 7px;color:#292929;font-size:1.1em;font-weight:400;border-radius:4px;color:#767575;transition:all 0.1s ease-in-out}a.navlink-right:hover,a.navlink-active{padding:2px 7px;border-radius:4px;background-color:rgba(0,0,0,0.05)}a.navlink-active{background-color:#4a4a4a;color:whitesmoke}a.navlink-active:hover{background-color:#4a4a4a;color:whitesmoke}div.overlay{position:fixed;height:100%;top:0;right:0;width:100%;opacity:0;visibility:hidden;overflow:hidden;background-color:#1c1d20;z-index:99998;transition:all 0.35s ease}div.overlay.open{opacity:1;visibility:visible}nav.overlay-menu{font-family:"Effra","sans-serif";font-weight:400;font-size:3em;text-transform:capitalize;position:relative;height:70%;top:45%;transform:translateY(-50%);text-align:left;left:30px;letter-spacing:1.5px}nav.overlay-menu ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}nav.overlay-menu ul li{display:block;height:15%;min-height:50px}nav.overlay-menu ul li a{color:white;transition:all 0.35s ease}nav.overlay-menu ul li a:hover{text-decoration:none;color:#7a7e8e}.nav-links a,.nav-header{text-transform:capitalize;font-size:1.1em;color:#292929;text-decoration:none;display:inline-block;vertical-align:middle;line-height:20px;font-family:"Effra","sans-serif"}.nav-links a{color:rgba(74,74,74,0.7);color:#4f4f4f;font-weight:600;transition:background-color 0.3s ease}.nav-links{font-weight:600}.nav-header{font-weight:500;float:left;vertical-align:middle;margin-top:0.5px}.nav-header:hover{text-decoration:none;color:#4a4a4a}.nav-name{font-weight:400;color:#767575}ul.nav-links{display:inline-block;float:right;list-style:none;margin:0}ul.nav-links li{display:inline;margin-right:30px;padding-left:5px;padding-right:5px;padding-top:4px;padding-bottom:4px;border-radius:2px}ul.nav-links li:hover{color:#6f83da;background-color:#1d494d}ul.nav-links li:last-child{margin-right:0px}section.hero{padding-left:20px;padding-right:20px;height:95vh;position:relative;margin:50px;border-radius:5px}section.first{margin-top:50px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.small-container{max-width:65%;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.container-image{position:relative}.container-image img{height:auto;max-width:100%;float:right;border:5px solid white;margin-bottom:30px;border-radius:5px;opacity:1;transition:opacity 0.6s;-webkit-box-shadow:0 0 10px 0 rgba(200,200,200,0.5);-moz-box-shadow:0 0 10px 0 rgba(200,200,200,0.5);box-shadow:0 0 10px 0 rgba(200,200,200,0.5)}.container-image.hero-image img{border:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.container-image img[data-src]{opacity:0}.container-number{font-size:200px;font-family:"Alte Din 1451 Mittelschrift";position:absolute;font-weight:bold;z-index:-999;opacity:0.5;transition:opacity 500ms ease-out}.section-container:hover .container-number{opacity:0.7}.container-divider{border:3.5px solid #e2e6f8;width:70px;border-radius:1px;margin-bottom:20px}.container-title{font-family:"Effra","sans-serif";font-size:4em;margin-bottom:5px;margin-left:-5px;font-weight:600;text-transform:capitalize;color:#6e81dd;line-height:1;letter-spacing:2px;max-width:100%}.container-subtext{font-size:1.4em;font-weight:400;text-transform:lowercase;color:#4f4f4f;margin-top:15px;margin-bottom:40px;font-family:"freight-sans-pro","sans-serif"}.container-subtopic{clear:both;max-width:300px;font-size:1.3em;margin-top:10px;text-transform:capitalize;letter-spacing:1px;display:inline-block;margin-bottom:40px}.container-subtopic .sub-topic{display:none;margin-right:5px;font-weight:400;text-transform:uppercase;color:#7c7e7e}.container-para{color:#4f4f4f;font-size:1.4em;font-weight:400;margin-top:0px;font-family:"freight-sans-pro","sans-serif",sans-serif}a.button{display:block}.container-button{margin-top:30px;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;text-transform:capitalize;font-size:1.1em;font-weight:400;border:none;border-radius:3px;color:#4a4a4a;transition:background-color 0.3s ease;font-family:"Effra","sans-serif";margin-bottom:50px;cursor:pointer}a:hover{text-decoration:none}.container-button:hover{color:white}.highlight{background-color:#f0f2fb;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;border-radius:3px;font-size:20px;color:#6f83da}footer.footer{box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;background-color:#1c1d20;padding:50px;color:white;font-family:"Effra","sans-serif";font-size:1.1em;bottom:0;left:0;z-index:-999;width:100%;height:auto}footer .footer-title{margin-bottom:10px;margin-top:20px}footer .footer-title a{cursor:default}footer .footer-title a{font-weight:400;color:rgba(255,255,255,0.3)}footer .footer-element{margin-bottom:5px}footer .footer-element a{color:rgba(255,255,255,0.6);letter-spacing:0.5px;text-transform:capitalize;font-weight:400;transition:all 0.1s ease}footer .footer-element a:hover{color:#dcdbdb}i.fa-heart{font-size:12px;padding-left:2px;padding-right:2px;color:rgba(255,255,255,0.3)}::-moz-selection{background:#e8e8e8}::selection{background:#e8e8e8}section .purple{background-color:#f3f1f8;background:-webkit-linear-gradient(#f0edf6, #f6f4fa);background:linear-gradient(#f0edf6, #f6f4fa)}div.purple-number{color:#816fb8}hr.purple{border-color:#816fb8}input.purple-button{background-color:#816fb8;color:white}input.purple-button:hover{background-color:#5a4892}h1.purple-title{color:#816fb8}section .heroish-color{background-color:white}hr.heroish-divider{border-color:#4a4a4a}div.heroish-number{color:#4a4a4a}input.heroish-button{background-color:#4a4a4a;color:white}input.heroish-button:hover{background-color:#242424}h1.heroish-title{color:#4a4a4a}p.heroish-para{color:#4a4a4a;margin-top:20px}h5.heroish-subtext{color:#4a4a4a}section .orange{background-color:#fff7ef;background:-webkit-linear-gradient(#fff4ea, #fff9f4);background:linear-gradient(#fff4ea, #fff9f4)}hr.orange{border-color:#fb9b3b}div.orange-number{color:#fb9b3b}input.orange-button{background-color:#fb9b3b;color:white}input.orange-button:hover{background-color:#e57505}h1.orange-title{color:#fb9b3b}section .blue{background-color:#edf7f8;background:-webkit-linear-gradient(#eaf6f7, #f1f9fa);background:linear-gradient(#eaf6f7, #f1f9fa)}hr.blue{border-color:#4bb1ba}div.blue-number{color:#4bb1ba}input.blue-button{background-color:#4bb1ba;color:white}input.blue-button:hover{background-color:#337f85}h1.blue-title{color:#4bb1ba}section .grayish{background-color:#f0f3f8;background:-webkit-linear-gradient(#ecf1f6, #f3f6f9);background:linear-gradient(#ecf1f6, #f3f6f9)}hr.grayish{border-color:#7f9dc0}div.grayish-number{color:#7f9dc0}input.grayish-button{background-color:#7f9dc0;color:white}input.grayish-button:hover{background-color:#5076a3}h1.grayish-title{color:#7f9dc0}section .violet{background-color:#e6dcf3;background:-webkit-linear-gradient(#f6f2fb, #fbfafd);background:linear-gradient(#f6f2fb, #fbfafd)}hr.violet{border-color:#A681D3}div.violet-number{color:#A681D3}input.violet-button{background-color:#A681D3;color:white}input.violet-button:hover{background-color:#7e48bf}h1.violet-title{color:#A681D3}div.project-group{display:none}nav.overlay-menu ul li.project-title{min-height:50px;height:0%}nav.overlay-menu ul{color:white}nav.overlay-menu ul li a.links-active{color:#b0b0b0}a.navlink-active{background-color:#292929;color:whitesmoke}a.navlink-active:hover{background-color:#4a4a4a;color:whitesmoke}nav.overlay-menu ul li a{margin-right:45px}section.nav{border-bottom:1px solid rgba(0,0,0,0.07)}nav.overlay-menu{font-size:35px}span.text-color a{color:#4a4a4a}span.text-color{font-weight:500;font-family:"Effra","sans-serif"}@media only screen and (min-width: 320px){section .about-hero{height:auto;height:400px;padding-bottom:50px}section .about-hero p{font-size:1.4em}section .about-hero .hero-links-1,.hero-links-2{float:left}div.main-content{background-color:white}body{padding-top:50px;background-color:white}section.nav{padding-left:20px;padding-right:20px}.section-color{background-color:#f4f5fc;box-shadow:inset 0 0 40px 0px rgba(0,0,0,0.02);margin-bottom:20px;border-radius:5px}.section-color.heroish-color{box-shadow:none}.section-container{height:auto;padding-top:45px;padding-bottom:35px}.img-responsive{margin:0 auto}.container-image{z-index:9999}.container-image img{float:none;width:95%;max-width:400px}.container-number{display:none}.container-text{max-width:400px;margin-left:auto;margin-right:auto;padding-left:2%;width:95%}.container-text *{text-align:left}.container-title{font-size:40px;letter-spacing:1px;margin-left:0.03px;margin-top:40px}hr{margin-left:0}.container-para{max-width:95%;font-size:1.4em}.nav-hr{margin-top:20px;padding-bottom:0px}footer .footer-links{padding-top:0px;padding-bottom:0px;display:inline}.nav-button{display:block;position:absolute}.navlink-right{display:none}.navigation-header{display:table;margin:0 auto}}@media only screen and (min-width: 768px){body{padding-top:40px;padding-bottom:0px}.section-color{margin:30px}section.nav{padding-left:20px;padding-right:20px}span.nav-name{display:inline-block}.container-number{left:115px;top:-95px;z-index:-1;font-size:150px;display:block}.container-image{z-index:999;max-width:100%}.container-image img{margin-left:auto;margin-right:auto;text-align:center}.container-title{font-size:4em}.section-container{padding-top:150px;padding-bottom:100px;margin-bottom:25px}footer .footer-links{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;display:inline}.hero-buttons{float:right;margin-top:30px}}@media only screen and (min-width: 992px){body{padding-top:50px;padding-bottom:0px}section .about-hero .hero-links-1{float:left}section .about-hero .hero-links-2{float:right}section .about-hero{height:80vh}section .about-hero p{max-width:70%;font-size:1.5em}section.nav{padding-top:15px;padding-bottom:15px;padding-left:30px;padding-right:30px}.section-container{height:91vh;padding-top:125px;margin-bottom:30px}.heroish-container{height:85vh}.container-number{left:-35px;top:-125px;font-size:175px;z-index:-999}.container-para{max-width:100%;font-size:1.4em}.container-image img{float:right;margin-right:10px}.container-text{margin-left:30px}.container-text *{text-align:left;margin-left:0}.container-title{margin-top:0;margin-left:-5px;font-size:4em}.col-centered{position:relative;top:50%;transform:translateY(-50%)}.navlink-right{display:block}.nav-button{display:none}.navigation-header{display:block;margin:auto}.nav-hr{margin-top:40px;padding-bottom:0px}}@media only screen and (min-width: 1200px){.container-number{left:-20px;top:-130px}}