html{font-size:14px;overflow:hidden}body,#root{height:100%;margin:0}.app-root{height:100vh;display:flex;flex-direction:column}.layout-topbar{position:sticky;top:0;z-index:1000;padding:0}.layout-main{flex:1;display:flex;min-height:0}.layout-content{flex:1;min-height:0;overflow-y:auto;padding:1rem}.layout-sidebar{position:fixed;width:200px;height:calc(100vh - 9rem);z-index:999;overflow-y:auto;-webkit-user-select:none;user-select:none;top:7rem;left:2rem;transition:transform .2s,left .2s;background-color:var(--surface-overlay);border-radius:12px;padding:1.5rem;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}@media(min-width:992px){.layout-wrapper.layout-overlay .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper.layout-overlay .layout-sidebar{transform:translate(-100%);left:0;top:0;height:100vh;border-top-left-radius:0;border-bottom-left-radius:0}.layout-wrapper.layout-overlay.layout-overlay-sidebar-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-static .layout-main-container{margin-left:200px}.layout-wrapper.layout-static.layout-static-sidebar-inactive .layout-sidebar{transform:translate(-100%);left:0}.layout-wrapper.layout-static.layout-static-sidebar-inactive .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-mask{display:none}}@media(max-width:991px){.layout-wrapper .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-sidebar{transform:translate(-100%);left:0;top:0;height:100vh;border-top-left-radius:0;border-bottom-left-radius:0}.layout-wrapper .layout-mask{z-index:998;background-color:var(--mask-bg)}.layout-wrapper .layout-mask.layout-mask-enter-from,.layout-wrapper .layout-mask.layout-mask-leave-to{background-color:transparent}.layout-wrapper.layout-mobile-sidebar-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-mobile-sidebar-active .layout-mask{display:block}.body-overflow-hidden{overflow:hidden}}.layout-topbar-button{display:inline-flex;justify-content:center;align-items:center;position:relative;color:#000;border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:background-color .2s}.layout-topbar-button:hover{color:var(--text-color);background-color:var(--surface-hover)}.layout-topbar-button:focus{@include focused();}.layout-topbar-button i{font-size:1.5rem}.layout-topbar-button span{font-size:1rem;display:none}.layout-menu-button{margin-left:2rem}.layout-topbar-menu-button{display:none}.layout-topbar-menu-button i{font-size:1.25rem}.layout-topbar-menu{margin:0 0 0 auto;padding:0;list-style:none;display:flex}.layout-topbar-menu .layout-topbar-button{margin-left:1rem}@media(max-width:991px){.layout-topbar{justify-content:space-between}.layout-topbar .layout-topbar-logo{width:auto;order:2}.layout-topbar .layout-menu-button{margin-left:0;order:1}.layout-topbar .layout-topbar-menu-button{display:inline-flex;margin-left:0;order:3}.layout-topbar .layout-topbar-menu{margin-left:0;position:absolute;flex-direction:column;background-color:var(--surface-overlay);box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014;border-radius:12px;padding:1rem;right:2rem;top:5rem;min-width:15rem;display:none;-webkit-animation:scalein .15s linear;animation:scalein .15s linear}.layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active{display:block}.layout-topbar .layout-topbar-menu .layout-topbar-button{margin-left:0;display:flex;width:100%;height:auto;justify-content:flex-start;border-radius:12px;padding:1rem}.layout-topbar .layout-topbar-menu .layout-topbar-button i{font-size:1rem;margin-right:.5rem}.layout-topbar .layout-topbar-menu .layout-topbar-button span{font-weight:medium;display:block}}html,body{overflow-x:hidden}img{max-width:100%;height:auto}@media(max-width:768px){.intro{display:block}header .intro-text{padding-top:160px;padding-bottom:120px}.intro h1{font-size:42px}.intro p{font-size:18px;line-height:26px;margin-bottom:40px}}@media(max-width:480px){header .intro-text{padding-top:120px;padding-bottom:80px}.intro h1{font-size:34px}.intro p{font-size:16px}}@media(max-width:768px){#about,#services,#portfolio,#projects,#testimonials,#contact{padding:60px 20px}}@media(max-width:480px){#about,#services,#portfolio,#projects,#testimonials,#contact{padding:50px 16px}}@media(max-width:768px){#about img{width:100%;max-width:100%}}@media(max-width:768px){#features .col-md-3,#services .col-md-4{margin-bottom:30px}}@media(max-width:768px){#menu.navbar-default .navbar-nav>li>a{margin:10px 0}}