.row {
  width: calc(100% - 4em);
  max-width: 1090px;
  margin: 0px auto;
}
.device {
  position: relative;
  overflow: hidden;
}
.device-mock {
  width: 100%;
}
.device-screen {
  overflow: hidden;
}
.heading {
  font-size: 1.999rem;
  font-weight: 300;
  line-height: 1.2;
  color: #333333;
}
.copy {
  margin-top: 0.5em;
  line-height: 1.5;
}
.downloadButton {
  display: inline-block;
  height: 2.5em;
  margin: 0.125em 0.25em;
}
.downloadButton img {
  height: 100%;
}
.sectionImage {
  max-height: 8em;
}
section {
  padding: 2em 0em;
  background-image: -webkit-linear-gradient(top, white 0%, white 30%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, white 0%, white 30%, #f0f0f0 100%);
}
.splashSection .device-screen {
  position: absolute;
  top: 11.3%;
  left: 5.7%;
  width: 88.7%;
  height: 77.2%;
}
.pressSection {
  background: #f8f8f8;
  padding: 0.5em 0em;
}
.pressSection .featuredIn {
  white-space: nowrap;
  margin: 0.5em;
  font-size: 1rem;
  color: #5a6066;
}
.pressSection .logo {
  margin: 0.5em 1em;
}
.spendingSection {
  padding-bottom: 0px;
  background-color: #f3f3f3;
}
.spendingSection .device {
  height: 640px;
}
.spendingSection .device-screen {
  position: absolute;
  top: 16.0%;
  left: 8.5%;
  width: 84.2%;
  height: 100%;
}
.historySection {
  padding-bottom: 0px;
}
.historySection .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.historySection .device {
  height: 590px;
}
.historySection .device-screen {
  position: absolute;
  top: 21%;
  left: 5.6%;
  width: 88.7%;
  height: 100%;
}
.securitySection {
  margin-bottom: 0px;
  color: #fcfcfc;
  background-color: #222222;
  background-image: none;
}
.securitySection .heading {
  font-size: 1.414rem;
  color: #fcfcfc;
}
.downloadSection {
  margin-bottom: 0px;
  color: black;
  background-color: #fcfcfc;
  background-image: none;
  min-height: 45vh;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .downloadSection {
    min-height: 460.8px !important;
  }
}
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .downloadSection {
    min-height: 255.6px !important;
  }
}
.downloadSection .heading {
  font-size: 1.414rem;
  color: black;
}
@media only screen and (max-width: 36em) {
  .row {
    text-align: center;
  }
  section {
    padding: 1.5em 0em;
  }
  .menu {
    display: none !important;
  }
  .spendingSection .device {
    height: 24em;
  }
  .spendingSection .device .device-screen {
    top: 16.8vw;
  }
  .pressSection .pressList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .historySection .device {
    height: 100vw;
  }
  .historySection .device .device-screen {
    top: 18.5vw;
  }
  .downloadButton {
    height: 3em;
  }
}
@media only screen and (min-width: 36em) {
  .desktop-with4ColIphone {
    margin-top: 10%;
    margin-left: 1em;
  }
  .desktop-with6ColAndroid {
    margin-top: 18%;
    margin-right: 1em;
  }
  .desktop-with6ColIphone {
    margin-top: 22%;
    margin-left: 1em;
  }
}