styles.css

.navbar{min-height:80px;height:80px;background:#f7f7f7;width:100%;padding:0 1em;box-sizing:border-box;display:flex;justify-content:space-between;position:relative;z-index:100;-webkit-box-shadow:0 -2px 8px #999;-moz-box-shadow:0 -2px 8px #999;box-shadow:0 -2px 8px #999}.navbar__title{margin:0}.navbar__logo{margin:16px 0;height:48px;background:transparent}.navbar__links{margin:0 1em;font-weight:300}@media screen and (max-width:568px){.navbar__links{display:none}}.navbar__links li{list-style:none;display:inline}.navbar__links__item{font-weight:400;line-height:80px;display:inline;text-transform:uppercase;color:#343434}.footer{width:100%;background-color:#2c373d;color:#f7f7f7;border-top:1px solid #888;padding:2em;text-align:left}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1020px;margin:auto}.footer a{color:#fff}.footer__logo{height:42px;margin:0 0 1rem}.footer__links__list.footer__links__list{margin:0 0 0 8px}.footer__contact,.footer__links{width:300px}.footer__contact__list,.footer__links__list{margin:0;list-style:none;font-size:.9em;font-weight:300}.footer__contact__list li{display:inline}.footer__contact__header{line-height:42px;height:42px;margin:0 0 1rem}.footer__social{height:42px}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#___gatsby,body,html{height:100%}body{background:#f7f7f7;color:#343434}h1{font-size:1.75em;font-weight:300}h2{text-align:center}a{text-decoration:none}.center{text-align:center}.smaller{font-size:.9em}.light{font-weight:300}.container{max-width:1020px;padding:1em;margin:0 auto}.page{height:100%;width:100%;display:flex;flex-direction:column}.page__body{flex:1 0 auto}@media (min-width:1020px){.container{width:88%}}@media (max-width:1020px){.container{width:100%}}@media (max-width:768px){.container{flex-direction:column;padding:1em 0}.why{padding:0}.how-it-works .step{border:none}.signup .container>*{padding:1em;flex:1}.signup form{width:100%}}@media (max-width:500px){.container{width:100%}}@font-face{font-family:fontello;src:url(/static/fontello.d07dfb00.woff) format("woff");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mail:before{content:"\E800"}.icon-lock:before{content:"\E802"}.icon-globe:before{content:"\E803"}.icon-magic:before{content:"\F0D0"}.icon-sitemap:before{content:"\F0E8"}.md-page{box-sizing:border-box;margin:1em auto;padding:0 2em}@media screen and (min-width:576px){.md-page{padding:0 3em}}.md-page__content ol>li,.md-page__content ol>li>p:first-child{font-size:1.25rem}.md-page__content ol>li>p{font-size:1rem}.md-page__content ol>li>ul{margin-left:2em;list-style-type:lower-roman;font-size:1rem}.sign-up-form{margin-top:1em;display:flex;flex-direction:column}.sign-up-form--left{text-align:left;justify-content:flex-start}.sign-up-form--right{align-self:center;text-align:right}@media screen and (max-width:768px){.sign-up-form--right{align-self:flex-end}}.sign-up-form__p{font-weight:300;margin-bottom:.75em}.sign-up-form__form{min-width:250px;max-width:320px;flex:0 0 100%}.sign-up-form__form--left{align-self:flex-start}.sign-up-form__form--right{align-self:flex-end}.sign-up-form__form__email{height:42px;position:relative}.sign-up-form__form__email .icon-mail{position:absolute;left:.75em;top:.75em;color:#4e4e4e}.sign-up-form__form__email__input{border-radius:2px;border:none;padding:.75em .75em .75em 2.75em;width:100%}.sign-up-form__form__submit{height:42px;border:none;box-sizing:border-box;margin:1em 0;padding:.5em 2em;font-weight:300;border-radius:2px;color:#f7f7f7}.sign-up-form__form__submit--dark{background:#2c373d}.sign-up-form__form__submit--light{background:linear-gradient(123deg,#ff6f6f,#ff6f93)}.hero{background:linear-gradient(123deg,#ff6f6f,#ff6f93);padding:3em;display:flex}@media screen and (max-width:768px){.hero{padding:1.5em}}.hero__inner{max-width:1020px;margin:auto;display:flex}.hero__title{flex:0 0 45%;color:#f7f7f7;display:flex;flex-direction:column;justify-content:space-evenly;padding-right:2em}.hero__title--big{font-size:2.4em}.hero__title--sub{font-weight:300}.hero__demo{flex:0 0 55%;display:flex;align-items:center}@media screen and (max-width:992px){.hero__title{flex:0 0 100%}.hero__demo{display:none}}.in-control{margin:1em auto 0;padding:0 1em}.in-control__summary{margin:3em auto;text-align:center}.in-control__summary p:last-child{margin:0}.in-control p{padding:0 1em;margin:auto auto 1em}.in-control__box{margin:2em auto;background:#fff;box-shadow:0 1px 4px -2px;border-radius:2px;font-weight:700}.in-control__box__header{margin-top:0;padding-top:1em}.in-control__info{width:100%;display:flex;flex-flow:row wrap}.in-control__info__item{flex-grow:1;margin:1em;flex-basis:250px;text-align:center;font-weight:300}.in-control__info__item h3{margin-top:.5em;font-size:1.25em;font-weight:300}.in-control__info__item__icon{height:40px;margin-bottom:.5em}.one-two-three{display:flex;flex-flow:row wrap;color:#f7f7f7;max-width:1020px;margin:auto;padding:3em 2em;box-sizing:border-box;justify-content:space-around}.one-two-three--outer{background:#2c373d;width:100%}.one-two-three h1,.one-two-three p,.one-two-three span{font-weight:300}.one-two-three--block{flex:0 0 45%;align-self:center}@media screen and (max-width:992px){.one-two-three--block{flex:0 0 50%}}@media screen and (max-width:768px){.one-two-three--block{flex:0 0 100%}.one-two-three--block:first-child,.one-two-three--block:last-child{padding:0}}@media screen and (min-width:769px){.one-two-three--block:first-child{padding-right:1em}.one-two-three--block:last-child{padding-left:1em}}.one-two-three__list__item p{margin-left:1em;line-height:1.5}.one-two-three__list__item--num{display:inline-block;width:2em}.further-details{display:flex;align-items:center;justify-content:space-between;margin:2em auto}.further-details h1,.further-details p{font-weight:300}.further-details__block{flex:0 0 50%;padding:0 2em}@media screen and (max-width:768px){.further-details__block{align-self:flex-start}.further-details__block h1,.further-details__block p{text-align:left;padding:0}}.further-details__p{line-height:1.5}.further-details__list>li{font-weight:300}.pricing{max-width:1020px;margin:1em auto 3em}.pricing__info{padding:0 2em}@media screen and (min-width:576px){.pricing__info{padding:0 3em}}.pricing__info__notes{font-weight:300;font-style:italic}.pricing__tiers{display:flex;flex-flow:row wrap;flex-wrap:wrap}.pricing__tier{margin:1em;padding:1em;background:#fff;border-radius:2px;box-shadow:0 1px 4px -2px;flex:200px}.thanks{text-align:center}.thanks h1{font-size:4em;font-weight:300}