/* Media Query Mixin */
/* Based off of: http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ */
/*** FONTS ***/
/*** COLORS ***/
html body div#page-wrap div.inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative; }
  @media screen and (max-width: 1200px) {
    html body div#page-wrap div.inner {
      padding: 0 20px; } }
html body div#page-wrap div.table {
  display: table;
  width: 100%;
  height: 100%; }
  html body div#page-wrap div.table div.table-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle; }
html body div#page-wrap section#page-header {
  height: 465px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-image: url("/assets/images/products/landing-header.jpg");  background-color: #666666;
  text-align: center; }
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    html body div#page-wrap section#page-header {
      height: 380px; } }
  @media screen and (min-width: 481px) and (max-width: 768px) {
    html body div#page-wrap section#page-header {
      height: 300px; } }
  @media screen and (max-width: 480px) {
    html body div#page-wrap section#page-header {
      height: 240px; } }
  html body div#page-wrap section#page-header div.inner {
    height: 100%;
    padding: 0; }
    html body div#page-wrap section#page-header div.inner img {
      display: block;
      width: 100%;
      max-width: 300px;
      height: auto;
      margin: 0 auto; }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section#page-header div.inner img {
          max-width: 200px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section#page-header div.inner img {
          max-width: 160px; } }
    html body div#page-wrap section#page-header div.inner h1 {
      padding: 0;
      margin: 0;
      background-repeat: no-repeat;
      background-position: center calc(100% - 35px);
      background-size: 347px 5px;
      background-image: url("/assets/images/header-line@2x.png");
      font-family: DesirePro, "Times New Roman", Times;
      color: #fff;
      font-size: 190px;
      line-height: 190px;
      letter-spacing: 4px; }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section#page-header div.inner h1 {
          background-position: center calc(100% - 28px);
          font-size: 150px;
          line-height: 150px; } }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section#page-header div.inner h1 {
          background-position: center calc(100% - 14px);
          font-size: 115px;
          line-height: 115px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section#page-header div.inner h1 {
          background-position: center calc(100% - 15px);
          background-size: 230px 3px;
          font-size: 100px;
          line-height: 100px; } }
html body div#page-wrap section.products-grid {
  background-repeat: repeat;
  background-size: 1000px 1000px;
  background-position: 0 0;
  background-image: url("/assets/images/products/texture-wax-paper.jpg");    background-color: #666666;
}
  @media screen and (max-width: 768px) {
    html body div#page-wrap section.products-grid {
      background-size: 500px 500px; } }
  html body div#page-wrap section.products-grid#top-products {
    padding: 90px 0 0 0;
    position: relative; }
    html body div#page-wrap section.products-grid#top-products:before {
      content: "";
      display: block;
      width: 100%;
      height: 50px;
      position: absolute;
      z-index: 20;
      top: -50px;
      left: 0;
      background-repeat: repeat;
      background-size: 1000px 50px;
      background-position: 0 0;
      background-image: url("/assets/images/products/texture-wax-paper-top.png"); }
      @media screen and (max-width: 768px) {
        html body div#page-wrap section.products-grid#top-products:before {
          height: 25px;
          top: -25px;
          background-size: 500px 25px; } }
    @media screen and (min-width: 769px) and (max-width: 1024px) {
      html body div#page-wrap section.products-grid#top-products {
        padding: 50px 0 0; } }
    @media screen and (min-width: 481px) and (max-width: 768px) {
      html body div#page-wrap section.products-grid#top-products {
        padding: 40px 0 0; } }
    @media screen and (max-width: 480px) {
      html body div#page-wrap section.products-grid#top-products {
        padding: 0 0 0; } }
  html body div#page-wrap section.products-grid#bottom-products {
    padding: 0 0 60px 0; }
    @media screen and (min-width: 769px) and (max-width: 1024px) {
      html body div#page-wrap section.products-grid#bottom-products {
        padding: 0 0; } }
    @media screen and (min-width: 481px) and (max-width: 768px) {
      html body div#page-wrap section.products-grid#bottom-products {
        padding: 0 0 30px; } }
    @media screen and (max-width: 480px) {
      html body div#page-wrap section.products-grid#bottom-products {
        padding: 0 0 50px; } }
  html body div#page-wrap section.products-grid div.inner:after {
    display: table;
    width: 100%;
    content: "";
    clear: both; }
  html body div#page-wrap section.products-grid div.inner div.product {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0 0 60px; }
    html body div#page-wrap section.products-grid div.inner div.product:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 480px) {
      html body div#page-wrap section.products-grid div.inner div.product {
        width: 100%;
        float: none;
        margin: 0 0 30px; } }
    html body div#page-wrap section.products-grid div.inner div.product.salami a.item-wrap img.product-text {
      height: 125px; }
        html body div#page-wrap section.products-grid div.inner div.product.california-snackin a.item-wrap img.product-text {
      height: 177px;}
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section.products-grid div.inner div.product.salami a.item-wrap img.product-text {
          height: 100px; }
       html body div#page-wrap section.products-grid div.inner div.product.california-snackin a.item-wrap img.product-text {
      height: 125px;}    
          }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section.products-grid div.inner div.product.salami a.item-wrap img.product-text {
          height: 75px; }
         html body div#page-wrap section.products-grid div.inner div.product.california-snackin a.item-wrap img.product-text {
      height: 125px;}  
          
          }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section.products-grid div.inner div.product.salami a.item-wrap img.product-text {
          height: 70px; }
          html body div#page-wrap section.products-grid div.inner div.product.california-snackin a.item-wrap img.product-text {
      height: 100px;} 
          }
    html body div#page-wrap section.products-grid div.inner div.product.coppa a.item-wrap img.product-text {
      height: 100px; }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section.products-grid div.inner div.product.coppa a.item-wrap img.product-text {
          height: 85px; } }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section.products-grid div.inner div.product.coppa a.item-wrap img.product-text {
          height: 60px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section.products-grid div.inner div.product.coppa a.item-wrap img.product-text {
          height: 60px; } }
    html body div#page-wrap section.products-grid div.inner div.product.salami-cups a.item-wrap img.product-text {
      height: 125px; }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section.products-grid div.inner div.product.salami-cups a.item-wrap img.product-text {
          height: 100px; } }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section.products-grid div.inner div.product.salami-cups a.item-wrap img.product-text {
          height: 75px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section.products-grid div.inner div.product.salami-cups a.item-wrap img.product-text {
          height: 70px; } }
    html body div#page-wrap section.products-grid div.inner div.product.chorizo a.item-wrap img.product-text {
      height: 120px; }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section.products-grid div.inner div.product.chorizo a.item-wrap img.product-text {
          height: 100px; } }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section.products-grid div.inner div.product.chorizo a.item-wrap img.product-text {
          height: 75px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section.products-grid div.inner div.product.chorizo a.item-wrap img.product-text {
          height: 70px; } }
    html body div#page-wrap section.products-grid div.inner div.product.bresaola a.item-wrap img.product-text {
      height: 125px;
      margin-top: 18px; }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section.products-grid div.inner div.product.bresaola a.item-wrap img.product-text {
          height: 100px;
          margin-top: 13px; } }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section.products-grid div.inner div.product.bresaola a.item-wrap img.product-text {
          height: 62px;
          margin-top: 8px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section.products-grid div.inner div.product.bresaola a.item-wrap img.product-text {
          height: 70px; } }
    html body div#page-wrap section.products-grid div.inner div.product.pancetta a.item-wrap img.product-text {
      height: 143px; }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section.products-grid div.inner div.product.pancetta a.item-wrap img.product-text {
          height: 112px; } }
      @media screen and (min-width: 481px) and (max-width: 768px) {
        html body div#page-wrap section.products-grid div.inner div.product.pancetta a.item-wrap img.product-text {
          height: 68px; } }
      @media screen and (max-width: 480px) {
        html body div#page-wrap section.products-grid div.inner div.product.pancetta a.item-wrap img.product-text {
          height: 82px; } }
    html body div#page-wrap section.products-grid div.inner div.product.prosciutto {
      /*width: 100%;
      float: none;*/ }
      html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-text {
        height: 135px; }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-text {
            height: 100px; } }
        @media screen and (min-width: 481px) and (max-width: 768px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-text {
            height: 75px; } }
        @media screen and (max-width: 480px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-text {
            height: 70px; } }
      html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-shot {
        height: 400px; }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-shot {
            height: 275px; } }
        @media screen and (min-width: 481px) and (max-width: 768px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-shot {
            height: 155px; } }
        @media screen and (max-width: 480px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-shot {
            height: 175px; } }
        @media screen and (max-width: 768px) {
          html body div#page-wrap section.products-grid div.inner div.product.prosciutto a.item-wrap img.product-shot {
            margin-bottom: 15px; } }
    html body div#page-wrap section.products-grid div.inner div.product a.item-wrap {
      width: 100%;
      display: block;
      text-decoration: none; }
      html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-text {
        display: block;
        width: auto;
        height: 160px;
        margin: 0 auto; }
      html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-shot {
        display: block;
        height: 400px;
        width: auto;
        margin: 0 auto; }
html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-shot.bus-charcu {
  width: 92%;
  height: auto;
  margin-bottom: 45px;
  margin-top: 45px;
}
        @media screen and (min-width: 769px) and (max-width: 1024px) {
          html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-shot {
            height: 275px; } }
        @media screen and (min-width: 481px) and (max-width: 768px) {
			html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-text {
				height: 105px;
}
			
          html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-shot {
            height: 155px; } }
        @media screen and (max-width: 480px) {
			
		html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-text {
				height: 105px;
}	
          html body div#page-wrap section.products-grid div.inner div.product a.item-wrap img.product-shot {
            height: 175px; } }
      html body div#page-wrap section.products-grid div.inner div.product a.item-wrap div.title {
        font-family: DesirePro, "Times New Roman", Times;
        color: #2f2b28;
        font-size: 50px;
        line-height: 50px;
        letter-spacing: 4px; }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
          html body div#page-wrap section.products-grid div.inner div.product a.item-wrap div.title {
            font-size: 45px;
            line-height: 45px; } }
        @media screen and (min-width: 481px) and (max-width: 768px) {
          html body div#page-wrap section.products-grid div.inner div.product a.item-wrap div.title {
            font-size: 35px;
            line-height: 35px; } }
        @media screen and (max-width: 480px) {
          html body div#page-wrap section.products-grid div.inner div.product a.item-wrap div.title {
            font-size: 30px;
            line-height: 30px;
            letter-spacing: 2px; } }
      html body div#page-wrap section.products-grid div.inner div.product a.item-wrap .button {
        margin-top: 25px; }
html body div#page-wrap section#naturale {
  display: none;
  width: 100%;
  height: 500px;
  background-image: url("/assets/images/home/naturale-bg.jpg");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1070px) {
    html body div#page-wrap section#naturale {
      height: auto; } }
  @media screen and (min-width: 1200px) {
    html body div#page-wrap section#naturale {
      background-image: url("/assets/images/home/naturale-bg@2x.jpg"); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    html body div#page-wrap section#naturale {
      background-image: url("/assets/images/home/naturale-bg@2x.jpg"); } }
  html body div#page-wrap section#naturale a:link, html body div#page-wrap section#naturale a:visited {
    width: 100%;
    height: 100%;
    display: block; }
    html body div#page-wrap section#naturale a:link div.inner, html body div#page-wrap section#naturale a:visited div.inner {
      height: 100%;
      position: relative;
      text-align: center; }
      @media screen and (min-width: 1025px) and (max-width: 1070px) {
        html body div#page-wrap section#naturale a:link div.inner, html body div#page-wrap section#naturale a:visited div.inner {
          padding: 60px 20px 200px 20px; } }
      @media screen and (min-width: 769px) and (max-width: 1024px) {
        html body div#page-wrap section#naturale a:link div.inner, html body div#page-wrap section#naturale a:visited div.inner {
          padding: 60px 20px 150px 20px; } }
      @media screen and (max-width: 768px) {
        html body div#page-wrap section#naturale a:link div.inner, html body div#page-wrap section#naturale a:visited div.inner {
          padding: 60px 20px 100px 20px; } }
      html body div#page-wrap section#naturale a:link div.inner div.text, html body div#page-wrap section#naturale a:visited div.inner div.text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 20; }
        @media screen and (max-width: 1070px) {
          html body div#page-wrap section#naturale a:link div.inner div.text, html body div#page-wrap section#naturale a:visited div.inner div.text {
            position: relative;
            top: 0;
            transform: none; } }
        html body div#page-wrap section#naturale a:link div.inner div.text img, html body div#page-wrap section#naturale a:visited div.inner div.text img {
          width: 100%;
          max-width: 515px;
          height: auto;
          margin: 0 auto 30px auto;
          display: block; }
      html body div#page-wrap section#naturale a:link div.inner img.naturale-product, html body div#page-wrap section#naturale a:visited div.inner img.naturale-product {
        display: block;
        position: absolute;
        z-index: 15;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 1070px) {
          html body div#page-wrap section#naturale a:link div.inner img.naturale-product, html body div#page-wrap section#naturale a:visited div.inner img.naturale-product {
            width: 100%;
            height: auto; } }
        @media screen and (min-width: 1025px) and (max-width: 1070px) {
          html body div#page-wrap section#naturale a:link div.inner img.naturale-product, html body div#page-wrap section#naturale a:visited div.inner img.naturale-product {
            max-width: 360px; } }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
          html body div#page-wrap section#naturale a:link div.inner img.naturale-product, html body div#page-wrap section#naturale a:visited div.inner img.naturale-product {
            max-width: 300px; } }
        @media screen and (min-width: 481px) and (max-width: 768px) {
          html body div#page-wrap section#naturale a:link div.inner img.naturale-product, html body div#page-wrap section#naturale a:visited div.inner img.naturale-product {
            max-width: 260px; } }
        @media screen and (max-width: 480px) {
          html body div#page-wrap section#naturale a:link div.inner img.naturale-product, html body div#page-wrap section#naturale a:visited div.inner img.naturale-product {
            max-width: 175px; } }

/*# sourceMappingURL=products-landing.css.map */