*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}body{color:#585858;font-size:18px;font-family:proxima-regular,Helvetica,Arial,sans-serif;line-height:26px;margin:0}header,main,footer{padding:32px}.wrapper{margin:auto;max-width:800px}header{background-color:#eff4ff}header .wrapper{max-width:1100px}header .wrapper .logo{text-align:center}header .wrapper h1{font-family:proxima-semibold,Helvetica,Arial,sans-serif;font-size:48px;line-height:54px;text-align:left}header .wrapper .cta input{border:1px solid #dedede;border-radius:3px 0 0 3px;border-right:0;color:#999;font-size:18px;outline:0;padding:12px}header .wrapper .cta a.get_started_btn{background:#0abe51;border-radius:3px;border:0;color:#fff;font-size:18px;max-width:300px;outline:0;padding:12px 20px;text-align:center;text-decoration:none;width:100%}header .wrapper .banner{display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 0}header .wrapper .banner .left{-webkit-box-flex:1;-ms-flex:1;flex:1}header .wrapper .banner .left .cta{display:-webkit-box;display:-ms-flexbox;display:flex}header .wrapper .banner .rightBanner{-webkit-box-flex:1;-ms-flex:1;flex:1}header .wrapper .banner .rightBanner img{width:100%}main h3{font-size:18px;margin-bottom:8px}main p{margin-bottom:32px}main p.signup{font-size:20px;font-weight:600}main p.signup span{color:#0abe51}main ul{margin:0 0 32px}footer{background:#666;display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;padding:0 16px}footer .wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .wrapper p{color:#fff;font-size:14px}footer .wrapper p a{color:#fff}.navigation-list{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.navigation-item{margin:0 10px}.navigation-item a{text-decoration:none;color:white}.navigation-item a:hover,.navigation-item a:active{color:#fa923f}@media screen and (max-width:420px){header .wrapper .banner{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}header .wrapper .banner h1{font-size:40px}}