.home-section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:0 100px}.home-section#home{justify-content:space-between}.home-block{width:480px;text-align:justify;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 40px}.home-header{width:100%;position:fixed;display:flex;justify-content:space-between;max-height:78px;height:78px;padding:0 100px;z-index:1000;transition:all .5s ease}.home-header li a{text-decoration:none;color:#fff;font-size:20px;font-weight:600}.home-header .menuToggle{width:0;padding:0;visibility:hidden;display:none}.home-header .menuToggle::before{background:#fff}.home-header .menuToggle::after{background:#fff;box-shadow:0 -8px #fff}.home-header.sticky{height:60px;max-height:60px;background:#fff}.home-header.sticky li a{color:#111}.home-header.sticky .menuToggle::before{background:#333}.home-header.sticky .menuToggle::after{background:#333;box-shadow:0 -8px #333}.home-header.sticky .menuToggle.collapse::after{box-shadow:0 0 #333}.home-header.sticky .menuToggle.active::after{box-shadow:0 0 #111}.home-header .menubar{display:flex;flex-direction:row;justify-content:center;align-items:center}.home-header .menubar ul.menuItem{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;transition:all .5s ease}.home-header .menubar ul.menuItem li{list-style:none;display:inline-block;margin:0 20px;transition:all .5s ease}#home-about-button{margin-top:30px}#about-title{margin-bottom:30px}#about-content{margin-top:30px;text-align:justify;width:90%;text-indent:2em}#contact{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#111;color:#fff}#contact #contact-content{display:flex;flex-direction:row;margin-top:60px}#contact #contact-content .home-block{display:flex;flex-direction:column;justify-content:flex-start}#contact #contact-content .home-block h3{font-size:1.5em;text-align:center}#contact #contact-content .home-block img{width:120px;height:120px;margin-top:40px}#contact #contact-content .home-block .qrcode{display:flex;justify-content:center;align-items:center}#contact #contact-content .home-block .contact-box{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:30px}#contact #contact-content .home-block .contact-box h3{font-size:22px;color:#2196f3;text-align:left}#contact #contact-content .home-block .contact-box .bx{width:30px;height:30px;font-size:1.5em;margin-right:20px}@media screen and (max-width:991px){.home-section{padding:0 10px}.home-block{font-size:8px}.home-header{z-index:1000;padding:0 50px}.home-header .menuToggle{visibility:visible;width:60px;padding:0 15px;display:flex}.home-header .menubar ul.menuItem{position:fixed;left:-100%;top:78px;width:100%;height:calc(100vh - 78px);background:#ccc;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 50px;text-align:center;transition:.5s;z-index:999;color:#111;border-top:1px solid rgba(0,0,0,.2)}.home-header .menubar ul.menuItem.active{left:0}.home-header .menubar ul.menuItem.active a{color:#111}.home-header .menubar ul.menuItem li{margin:20px 0}.home-header.sticky .menubar ul.menuItem.active{top:60px;height:calc(100vh - 60px)}}@media screen and (max-width:680px){.home-header{padding:0 20px}.home-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.home-section#home{flex-direction:row}.home-block{margin-top:40px;width:90%}.menubar ul.menuItem{padding:40px 50px}#contact-title{margin-top:80px}#contact #contact-content{display:flex;flex-direction:column;margin-top:30px}#contact #contact-content .home-block{margin-bottom:40px}#contact #contact-content .home-block h3{font-size:22px}#contact #contact-content .home-block .contact-box{margin-top:10px}#contact #contact-content .home-block img{margin-top:10px}}