/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15 /* 1 */;
  -webkit-text-size-adjust: 100% /* 2 */;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box /* 1 */;
  height: 0 /* 1 */;
  overflow: visible /* 2 */;
}
pre {
  font-family: monospace, monospace /* 1 */;
  font-size: 1em /* 2 */;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none /* 1 */;
  text-decoration: underline /* 2 */;
  text-decoration: underline dotted /* 2 */;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace /* 1 */;
  font-size: 1em /* 2 */;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit /* 1 */;
  font-size: 100% /* 1 */;
  line-height: 1.15 /* 1 */;
  margin: 0 /* 2 */;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]-moz-focusring,
[type="reset"]-moz-focusring,
[type="submit"]-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box /* 1 */;
  color: inherit /* 2 */;
  display: table /* 1 */;
  max-width: 100% /* 1 */;
  padding: 0 /* 3 */;
  white-space: normal /* 1 */;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box /* 1 */;
  padding: 0 /* 2 */;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield /* 1 */;
  outline-offset: -2px /* 2 */;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button /* 1 */;
  font: inherit /* 2 */;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
p {
  margin-bottom: 30px;
  margin-top: 0;
}
a {
  color: #f90;
}
h1 {
  font-size: 80px;
  line-height: 85px;
  font-weight: normal;
  font-family: 'Archer A', 'Archer B';
  letter-spacing: -2px;
  margin: 0;
}
h2 {
  font-size: 54px;
  line-height: 52px;
  font-weight: normal;
  font-family: 'Archer A', 'Archer B';
  letter-spacing: -2px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
.Caption {
  font-weight: normal;
  font-family: 'Archer A', 'Archer B';
  letter-spacing: -2px;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0;
}
/* Buttons
   ========================================================================== */
.Button {
  display: inline-block;
  padding: 0 15px;
  background: #cc7a00;
  color: #fff;
  border: 0;
  border-radius: 3px;
  line-height: 55px;
  text-decoration: none;
}
.Button--install,
.Button--success {
  background: #f90;
}
.Button--install:hover,
.Button--success:hover {
  background-color: #ffad33;
}
.Button--plus {
  padding-left: 60px;
  background-image: url("../img/icon-plus.png");
  background-repeat: no-repeat;
  background-position: 12px 12px;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
}
.Button--success {
  width: 270px;
}
/* Header
   ========================================================================== */
.Header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100px;
  padding: 22.5px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.Header-title,
.Header-body {
  margin: 0;
  line-height: 55px;
}
.Header-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.Header-title {
  margin-right: 30px;
}
.Header-logo {
  height: 50px;
  margin: 3px 0;
}
.Header-cta {
  display: block;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
}
/* Sections
   ========================================================================== */
.Section {
  padding: 90px;
  min-height: calc(100vh - 100px);
}
/* Hero
   ========================================================================== */
.Section--hero {
  margin-top: 100px;
  background: #999;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  background: url("../img/top_header.jpg") center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.Section--hero h1 {
  width: 60%;
}
/* Overview
   ========================================================================== */
.Section--overview {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Section--overview h2 {
  margin-top: 0;
}
.Section--overview p {
  line-height: 30px;
}
.Section--overview img {
  width: 100%;
  display: block;
}
.Section--overview .Section-overview-body {
  padding-right: 30px;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.Section--overview .Section-overview-graphic {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
/* FAQ
   ========================================================================== */
.Section--faq {
  background: #f90;
  color: #793c00;
}
.Section--faq > * {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.Section--faq h2,
.Section--faq h3 {
  color: #fff;
}
.Section--faq h2 {
  margin-top: 0;
  margin-bottom: 90px;
  text-align: center;
  max-width: 490px;
}
.Section--faq h3 {
  margin-bottom: 0;
}
.Section--faq p {
  margin-top: 0;
}
.Section--faq a {
  color: #793c00;
}
.Section--faq footer {
  padding-top: 30px;
  text-align: center;
}
.Section--faq footer .Button {
  margin: 0 5px;
  color: #fff;
}
.Section--faq footer .Button:hover {
  background-color: #b26b00;
}
/* Quote
   ========================================================================== */
.Section--quote {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.Section--quote blockquote {
  font-size: 70px;
  line-height: 75px;
  color: #f90;
  margin: 0;
  max-width: 100%;
}
.Section--quote blockquote p {
  font-family: 'Archer A' 'Archer B';
}
.Section--quote blockquote footer {
  font-size: 18px;
  color: #333;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
/* Success
   ========================================================================== */
.Success-logo {
  height: 100px;
}
.Section--success {
  min-height: 100vh;
  max-width: 800px;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.Success-body {
  font-weight: normal;
  font-family: 'Archer A', 'Archer B';
  letter-spacing: -2px;
  font-size: 38px;
  line-height: 48px;
}
@media screen and (max-width: 1100px) {
  .Header-body {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  h1,
  .Section--quote p {
    font-size: 54px;
    line-height: 52px;
  }
  .Section--hero h1,
  .Section--hero .Section--quote p {
    width: auto;
  }
  .Button--install {
    display: none;
  }
  .Button--install.Button--plus {
    display: inline-block;
  }
  .Button--install.Button--plus.Header-cta {
    width: 55px;
    height: 55px;
    padding: 0;
  }
  .Button--install .Button-content-expanded {
    display: none;
  }
  .Section {
    padding: 60px 30px;
    min-height: 0;
  }
  .Section--overview {
    display: block;
  }
  .Section--overview .Button--install {
    margin-bottom: 30px;
  }
  .Section--faq h2 {
    margin-bottom: 60px;
  }
  .Section--faq footer .Button {
    margin-bottom: 15px;
  }
}