@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%; }
      #wrapall .c00 #z_wrapper {
        width: 95%; }
        #wrapall .c00 #z_wrapper .z_container.first {
          width: 59%;
          float: left;
          font-family: Helvetica, Arial, Helvetica, Verdana, sans-serif;
          margin-right: 3%; }
          #wrapall .c00 #z_wrapper .z_container.first .z_body_content p.z_text_offer {
            font-size: 48px;
            line-height: 48px; }
          #wrapall .c00 #z_wrapper .z_container.first .z_body_content p.z_when_you_purchase {
            font-size: 20px;
            line-height: 20px; }
          #wrapall .c00 #z_wrapper .z_container.first .z_body_content p.z_how_it_works {
            font-size: 20px;
            line-height: 20px; }
          #wrapall .c00 #z_wrapper .z_container.first h1 {
            color: #0098d6;
            font-size: 2.0em; }
          #wrapall .c00 #z_wrapper .z_container.first p {
            font-size: 1.4em; }
          #wrapall .c00 #z_wrapper .z_container.first li {
            font-size: 1.5em;
            font-family: Helvetica, Arial, Helvetica, Verdana, sans-serif; }
          #wrapall .c00 #z_wrapper .z_container.first img.z_offer {
            width: auto; }
          #wrapall .c00 #z_wrapper .z_container.first img {
            width: auto;
            height: auto; }
        #wrapall .c00 #z_wrapper .z_container.last {
          width: 38%; }
          #wrapall .c00 #z_wrapper .z_container.last img {
            width: 100%;
            height: auto; } }
@media only screen and (max-width: 800px) {
  #wrapall .c00 #z_wrapper #z_calls {
    width: 75%; }
    #wrapall .c00 #z_wrapper #z_calls .z_searchToolForms label[for="cartnumb"] {
      display: inline-block;
      margin-right: 28px; }
    #wrapall .c00 #z_wrapper #z_calls .z_searchToolForms form.z_field2 {
      margin-left: 0; } }
@media only screen and (max-width: 768px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; }
      #wrapall .c00 #z_wrapper {
        width: 95%; }
        #wrapall .c00 #z_wrapper .z_container.first {
          width: 100%;
          float: none;
          font-family: Helvetica, Arial, Helvetica, Verdana, sans-serif;
          padding: 0 0 0 3%; }
          #wrapall .c00 #z_wrapper .z_container.first .z_body_content {
            margin-top: 0; }
            #wrapall .c00 #z_wrapper .z_container.first .z_body_content p.z_text_offer {
              font-size: 36px;
              line-height: 36px;
              color: #fff;
              margin-top: 15px; }
            #wrapall .c00 #z_wrapper .z_container.first .z_body_content .z_itunes {
              font-family: "HelveticaNeueLTStd-Bold", Helvetica, Verdana, sans-serif;
              font-size: 3.2em; }
            #wrapall .c00 #z_wrapper .z_container.first .z_body_content .z_limit {
              font-size: 1.5em;
              line-height: 14px;
              padding-bottom: 20px; }
            #wrapall .c00 #z_wrapper .z_container.first .z_body_content .z_how_it_works {
              font-family: Helvetica, Arial, Helvetica, Verdana, sans-serif;
              font-size: 2.0em; }
          #wrapall .c00 #z_wrapper .z_container.first h1 {
            padding-right: 25px;
            font-size: 2.0em;
            margin: 0; }
            #wrapall .c00 #z_wrapper .z_container.first h1 .second_line {
              font-size: 1.0em;
              display: inline-block; }
            #wrapall .c00 #z_wrapper .z_container.first h1 sup {
              font-size: 0.5em; }
          #wrapall .c00 #z_wrapper .z_container.first p {
            padding-right: 25px;
            font-size: 1.4em; }
          #wrapall .c00 #z_wrapper .z_container.first li {
            padding-right: 25px;
            font-size: 1.2em;
            font-family: Helvetica, Arial, Helvetica, Verdana, sans-serif; }
          #wrapall .c00 #z_wrapper .z_container.first img {
            display: none; }
        #wrapall .c00 #z_wrapper .z_container.last {
          display: none; } }
@media only screen and (max-width: 700px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; }
      #wrapall .c00 #z_wrapper #z_calls {
        display: none; }
      #wrapall .c00 #z_wrapper .z_container .z_button {
        height: auto;
        width: 150px;
        background: #FFF;
        text-align: center;
        padding: 5px 15px;
        display: inline-block;
        float: left;
        border: none;
        cursor: pointer;
        font-family: Helvetica, Arial, Helvetica, Verdana, sans-serif;
        margin: 20px 0 20px 10px; }
        #wrapall .c00 #z_wrapper .z_container .z_button a {
          font-size: 1.3em;
          text-decoration: none;
          color: #000;
          text-transform: uppercase; } }
@media only screen and (max-width: 568px) {
  #wrapall {
    width: 100%; }
    #wrapall .c00 {
      width: 100%; }
      #wrapall .c00 #z_wrapper {
        width: 95%; }
        #wrapall .c00 #z_wrapper .z_container {
          width: 100%;
          float: none;
          font-family: "HelveticaNeueLTStd-Bold", Helvetica, Verdana, sans-serif;
          padding: 5%; }
          #wrapall .c00 #z_wrapper .z_container .z_body_content p.z_text_offer {
            display: block;
            font-family: "HelveticaNeueLTStd-Bold", Helvetica, Verdana, sans-serif;
            font-size: 2.2em;
            line-height: 16px; }
          #wrapall .c00 #z_wrapper .z_container .z_body_content .z_itunes {
            font-family: "HelveticaNeueLTStd-Bold", Helvetica, Verdana, sans-serif;
            font-size: 2.2em; } }