/* Calculate fluid ratio based on two dimensions (width/height) */
@media only screen and (max-width: 960px) {
  #wrapall {
    width: 100%; } }
#wrapall .c00 {
  width: 100% !important; }
  @media only screen and (max-width: 960px) {
    #wrapall .c00 #z_wrapper {
      width: auto;
      margin: 0; }
      #wrapall .c00 #z_wrapper #z_domtar_header p {
        padding-right: 20px; }
      #wrapall .c00 #z_wrapper #z_logo_area {
        padding-left: 10px; }
      #wrapall .c00 #z_wrapper #z_hero #z_hero_right_part {
        float: right;
        width: 42.34043%; } }
  @media only screen and (max-width: 900px) {
    #wrapall .c00 #z_wrapper #z_coupon_area h2 {
      line-height: 1em; } }
  @media only screen and (max-width: 700px) {
    #wrapall .c00 h2 {
      line-height: 1.1em; }
    #wrapall .c00 #z_wrapper #z_domtar_header p {
      line-height: 1.25em;
      font-size: 24px;
      padding-top: 10px; }
    #wrapall .c00 #z_wrapper #z_hero #z_hero_left_part {
      float: none;
      width: 100%;
      margin: auto;
      padding-left: 10px;
      padding-right: 10px; }
      #wrapall .c00 #z_wrapper #z_hero #z_hero_left_part h1 {
        margin-top: 0; }
      #wrapall .c00 #z_wrapper #z_hero #z_hero_left_part p {
        padding-right: 0px; }
    #wrapall .c00 #z_wrapper #z_hero #z_hero_right_part {
      display: none; }
    #wrapall .c00 #z_wrapper #z_smart {
      padding: 0; }
      #wrapall .c00 #z_wrapper #z_smart #z_smart_left_part {
        display: none; }
      #wrapall .c00 #z_wrapper #z_smart #z_smart_right_part {
        padding: 0;
        width: 64.85714%;
        float: none;
        margin: auto; }
    #wrapall .c00 #z_wrapper #z_blue_container {
      padding-top: 20px; }
      #wrapall .c00 #z_wrapper #z_blue_container .z_blue_container_left {
        float: none;
        width: 100%;
        text-align: center; }
      #wrapall .c00 #z_wrapper #z_blue_container .z_blue_container_right {
        float: none;
        width: 95%;
        margin: auto; }
        #wrapall .c00 #z_wrapper #z_blue_container .z_blue_container_right p {
          padding-right: 0;
          text-align: center; }
    #wrapall .c00 #z_wrapper #z_orange_container {
      overflow: hidden;
      padding-top: 20px;
      padding-bottom: 20px; }
      #wrapall .c00 #z_wrapper #z_orange_container .z_orange_container_left {
        width: 100%;
        padding-left: 0; }
        #wrapall .c00 #z_wrapper #z_orange_container .z_orange_container_left p {
          text-align: center;
          margin-bottom: 0px; }
      #wrapall .c00 #z_wrapper #z_orange_container .z_orange_container_right {
        width: 100%;
        position: static;
        float: left;
        margin-bottom: 20px;
        overflow: auto; }
        #wrapall .c00 #z_wrapper #z_orange_container .z_orange_container_right img {
          position: static;
          float: left;
          margin-left: 11.42857%;
          width: 18%;
          height: auto; }
    #wrapall .c00 #z_wrapper #z_green_container {
      overflow: hidden;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px; }
      #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left, #wrapall .c00 #z_wrapper #z_green_container .z_green_container_right {
        float: none;
        width: 100%;
        overflow: auto; }
      #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left {
        padding: 0;
        width: 92.85714%;
        margin: auto;
        margin-bottom: 20px; }
        #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left div#z_left_image, #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left div#z_right_image {
          width: 48%; }
        #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left div#z_left_image {
          margin-right: 0; }
        #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left div#z_right_image {
          float: right; }
        #wrapall .c00 #z_wrapper #z_green_container .z_green_container_left p {
          display: none; }
      #wrapall .c00 #z_wrapper #z_green_container .z_green_container_right p {
        text-align: center;
        padding: 0;
        margin-bottom: 0; }
    #wrapall .c00 #z_wrapper #z_products_container h2 {
      line-height: 1.2em; }
    #wrapall .c00 #z_wrapper #z_products_container ul li .z_product_desc h3 {
      line-height: 1.2em; } }
  @media only screen and (max-width: 500px) {
    #wrapall .c00 #z_wrapper #z_products_container {
      padding: 0; }
      #wrapall .c00 #z_wrapper #z_products_container ul li {
        text-align: center;
        padding-right: 10px;
        padding-left: 10px; }
        #wrapall .c00 #z_wrapper #z_products_container ul li img {
          float: none;
          width: 250px;
          margin: auto; }
        #wrapall .c00 #z_wrapper #z_products_container ul li .z_product_desc {
          /* text-align: left; */
          width: 100%;
          								/*
          ul {
          									li {
          										text-align: left;
          									}
          								}
          */ }
          #wrapall .c00 #z_wrapper #z_products_container ul li .z_product_desc p, #wrapall .c00 #z_wrapper #z_products_container ul li .z_product_desc ul {
            display: none; }
          #wrapall .c00 #z_wrapper #z_products_container ul li .z_product_desc div.z_cta a {
            margin: auto; } }
  @media only screen and (max-width: 400px) {
    #wrapall .c00 #z_wrapper #z_domtar_header p {
      line-height: 1.25em;
      font-size: 20px;
      padding-top: 10px; }
    #wrapall .c00 #z_wrapper #z_hero #z_hero_left_part {
      width: 95%; }
      #wrapall .c00 #z_wrapper #z_hero #z_hero_left_part h1 {
        display: none; }
      #wrapall .c00 #z_wrapper #z_hero #z_hero_left_part h2 {
        font-family: "HelveticaNeueLTStd-Thin", Arial, Helvetica, Verdana, sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        line-height: 1.1em;
        margin-top: 20px; }
    #wrapall .c00 #z_wrapper #z_smart {
      padding-left: 0;
      padding-right: 0; }
      #wrapall .c00 #z_wrapper #z_smart #z_smart_right_part {
        width: 100%;
        height: auto; }
    #wrapall .c00 #z_wrapper #z_blue_container .z_blue_container_right p {
      font-size: 1.3em; }
    #wrapall .c00 #z_wrapper #z_orange_container .z_orange_container_left p {
      font-size: 1.3em; }
    #wrapall .c00 #z_wrapper #z_green_container .z_green_container_right p {
      font-size: 1.3em; }
    #wrapall .c00 #z_wrapper #z_coupon_area h2 {
      font-size: 1.5em;
      line-height: 1.1em; }
      #wrapall .c00 #z_wrapper #z_coupon_area h2 span {
        font-size: 1.2em; }
    #wrapall .c00 #z_wrapper #z_coupon_area #z_howitworks ol#z_steps {
      font-size: .875em; }
    #wrapall .c00 #z_wrapper #z_products_container h2 {
      font-size: 1.5em;
      padding-left: 10px; }
      #wrapall .c00 #z_wrapper #z_products_container h2 img {
        display: none; } }
  @media only screen and (max-width: 320px) {
    #wrapall .c00 #z_wrapper {
      width: 320px; } }