@import url("http://staplesgeneral.s3.amazonaws.com/fonts/TeXGyreHeros.css");
/*FONT VARIABLES*/
@media only screen and (max-width: 940px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100% !important; }
      #wrapall .c00 #z_wrapper #z_finder {
        display: none; }
      #wrapall .c00 #z_wrapper .z_row.z_logo {
        border-top: none;
        padding-top: 200px; } }
@media only screen and (max-width: 800px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; } }
@media only screen and (max-width: 768px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; } }
@media only screen and (max-width: 680px) {
  #wrapall .c00 #z_wrapper .z_how_it_works .z_bucket, #wrapall .c00 #z_wrapper .z_how_it_works .z_gutter {
    width: 96%;
    padding: 0px;
    margin: 0px 2%; }
  #wrapall .c00 #z_wrapper .z_how_it_works .z_gutter {
    border-left: none;
    border-bottom: 1px solid #e1e1e1;
    margin: 20px 2%;
    height: 1px; }
  #wrapall .c00 #z_wrapper .z_how_it_works .z_valid {
    margin: 50px 0px; }
  #wrapall .c00 #z_wrapper .z_disclaimer p {
    font-size: 11px;
    line-height: 16px; } }
@media only screen and (max-width: 568px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; }
      #wrapall .c00 #z_wrapper #z_hero h1 {
        font-size: 56px; }
      #wrapall .c00 #z_wrapper .z_how_it_works #z_hpink {
        margin: 0 10px -85px; }
        #wrapall .c00 #z_wrapper .z_how_it_works #z_hpink img {
          margin-top: 15px; }
      #wrapall .c00 #z_wrapper .z_row .z_block {
        border-right: none;
        border-bottom: 1px solid #d7d7d7;
        float: left;
        text-align: center; }
      #wrapall .c00 #z_wrapper .z_row .z_gutter {
        display: none; }
      #wrapall .c00 #z_wrapper .z_row.z_logo {
        padding: 110px 0px 50px; } }
@media only screen and (max-width: 480px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; }
      #wrapall .c00 #z_wrapper p {
        font-size: 18px; }
      #wrapall .c00 #z_wrapper #z_hero {
        padding: 10px 0px 130px; }
        #wrapall .c00 #z_wrapper #z_hero h1 {
          font-size: 46px; }
        #wrapall .c00 #z_wrapper #z_hero h2 {
          font-family: "HelveticaNeueLTStd-Light", Arial, Helvetica, Verdana, sans-serif;
          font-size: 22px; }
      #wrapall .c00 #z_wrapper .z_how_it_works {
        padding-top: 35px; }
        #wrapall .c00 #z_wrapper .z_how_it_works #z_product_takeover {
          top: 140px; }
          #wrapall .c00 #z_wrapper .z_how_it_works #z_product_takeover img {
            max-width: 85%; }
        #wrapall .c00 #z_wrapper .z_how_it_works .z_subhead {
          margin-top: 20px; } }
@media only screen and (max-width: 420px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; }
      #wrapall .c00 #z_wrapper p {
        font-size: 16px; }
      #wrapall .c00 #z_wrapper #z_hero {
        padding-bottom: 105px; }
        #wrapall .c00 #z_wrapper #z_hero h1 {
          font-size: 38px; }
      #wrapall .c00 #z_wrapper .z_how_it_works {
        padding-top: 60px; }
        #wrapall .c00 #z_wrapper .z_how_it_works .z_subhead {
          margin-top: 0px; } }