@import url("https://fonts.googleapis.com/css?family=Roboto");@import url("https://fonts.googleapis.com/css?family=Permanent+Marker");@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");body,html{min-height:100%;font-size:18px;}


.nav__brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.nav__logo{max-width:64px;margin-right:10px}
.nav__container{-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.nav__container,.nav__title{display:-ms-flexbox;display:flex}
.nav__title{margin:0;color:#77bd5a;font-size:24px;letter-spacing:2px;text-transform:uppercase}
.nav__menu{list-style:none;padding:0;margin:0;text-align:center}
.nav__item{display:inline-block;margin:0 10px}
.nav__link{display:block;height:55px;line-height:51px;border-top:2px solid transparent;border-bottom:2px solid transparent;text-decoration:none;color:#fff;font-size:16px;letter-spacing:2px;transition:color .2s ease}
.nav__link:hover{color:#77bd5a}
.nav__link--active{color:#fff;border-bottom-color:#77bd5a}
.nav__github{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;text-decoration:none;color:#fff;font-size:13px;letter-spacing:.3px;transition:color .5s ease}
.nav__github svg{display:block;width:20px;fill:#fff;margin-right:10px;transition:fill .5s ease}
.nav__github:hover{color:#77bd5a}
.nav__github:hover svg{fill:#77bd5a}

.hello{background-color:#00955e;padding:55px 0}
.hello__container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}
.hello__ .hello__logo{display:block;margin:0 auto 20px;width:200px}
.demo-section{padding:40px 0}
.demo-section--light{background:#f8f8f8}
.demo-section__heading{text-align:center;color:#00955e}
.demo-list{list-style:none;padding:0;margin:22px 0;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}
.demo-list__item{width:49%}
.demo-list__link{display:block;padding:10px 20px;text-decoration:none;color:#fff;background:#00955e;border-radius:5px;font-size:13px}
@media (max-width:768px){.demo-list__item{width:100%}
.nav{position:static}

.nav__container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;padding:0}
.nav__item{display:block}
.nav__link{height:auto;line-height:1}
}
.coming-soon{color:#77bd5a}

.footer-logo{height:300px;margin:5px auto}