@media screen and (max-width: 700px) {
  section.main > div.blurb {
    width: 100%;
  }
  section.main > div.blurb > * {
    margin-bottom: 5%;
  }
  section.main > div.blurb > *.body {
    line-height: 1.5;
  }
  section.main#intro > div#introHeader .heading {
    font-size: 2.5em;
    line-height: 1;
    margin-top: 11%;
  }
  section.main#intro > div#introHeader span {
    margin: 5% 0;
    font-size: 1em;
  }
  section.main#intro > div.introSS {
    height: 250px;
  }
  section.main#intro > div#introFooter {
    height: 27%;
  }
  section.main#intro > div#introFooter .buttonCont {
    margin-bottom: 6%;
  }
  section.main#clientApp {
    flex-direction: column;
    height: initial;
    background: #e7e7e7;
  }
  section.main#clientApp .blurb {
    width: 100%;
  }
  section.main#clientApp img {
    max-width: 100%;
  }
  section.main#features .featuresCont > div {
    flex-direction: column;
  }
  section.main#features .featuresCont > div > * {
    width: 100%;
  }
  section.main#features .featuresCont > div img {
    max-width: 100%;
    margin-top: 20px;
  }
  section.main#pricing .colCont {
    flex-direction: column;
  }
  section.main#pricing .colCont div {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12%;
  }
  section.main#faq .colCont > div {
    width: initial;
    margin-bottom: 10%;
  }
}