@charset "UTF-8";
/* Media Query Mixin */
/* Based off of: http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ */
/*** FONTS ***/
/*** COLORS ***/
/* Media Query Mixin */
/* Based off of: http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ */
/*** FONTS ***/
/*** COLORS ***/
html body section#content-islands {
  width: 100%;
  margin-bottom: 5px; }
  @media screen and (max-width: 768px) {
    html body section#content-islands {
      margin-bottom: 0px; } }
  html body section#content-islands div.content-island-wrap {
    width: 100%;
    display: table; }
    @media screen and (max-width: 768px) {
      html body section#content-islands div.content-island-wrap {
        display: block; } }
    html body section#content-islands div.content-island-wrap div.content-island {
      cursor: pointer;
      width: 50%;
      height: 185px;
      display: table-cell;
      vertical-align: middle;
      position: relative;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      @media screen and (max-width: 1400px) {
        html body section#content-islands div.content-island-wrap div.content-island {
          background-size: auto 100%; } }
      @media screen and (max-width: 768px) {
        html body section#content-islands div.content-island-wrap div.content-island {
          width: 100%;
          height: 160px;
          display: block;
          margin-bottom: 5px;
          background-size: cover; } }
      @media screen and (max-width: 480px) {
        html body section#content-islands div.content-island-wrap div.content-island {
          height: 125px; } }
      @media screen and (min-width: 769px) {
        html body section#content-islands div.content-island-wrap div.content-island:hover a.island-inner div.island-overlay {
          opacity: 1; }
        html body section#content-islands div.content-island-wrap div.content-island:hover.about-us a.island-inner div.island-button {
          width: 303px; }
        html body section#content-islands div.content-island-wrap div.content-island:hover.savor a.island-inner div.island-button {
          width: 233px; }
        html body section#content-islands div.content-island-wrap div.content-island:hover.products a.island-inner div.island-button {
          width: 284px; } }
      html body section#content-islands div.content-island-wrap div.content-island.left {
        text-align: right; }
        @media screen and (max-width: 768px) {
          html body section#content-islands div.content-island-wrap div.content-island.left {
            text-align: left; } }
        html body section#content-islands div.content-island-wrap div.content-island.left a.island-inner div.island-button {
          left: 35px; }
          @media screen and (max-width: 768px) {
            html body section#content-islands div.content-island-wrap div.content-island.left a.island-inner div.island-button {
              left: auto;
              right: 0; } }
          html body section#content-islands div.content-island-wrap div.content-island.left a.island-inner div.island-button div.button-inner {
            background-image: url("/assets/images/content-islands/arrow-left@2x.png");
            background-position: 10px center; }
            @media screen and (max-width: 768px) {
              html body section#content-islands div.content-island-wrap div.content-island.left a.island-inner div.island-button div.button-inner {
                background-image: url("/assets/images/content-islands/arrow-right@2x.png");
                background-position: calc(100% - 5px) center;
                padding: 0; } }
            html body section#content-islands div.content-island-wrap div.content-island.left a.island-inner div.island-button div.button-inner div.table {
              left: 55px; }
              html body section#content-islands div.content-island-wrap div.content-island.left a.island-inner div.island-button div.button-inner div.table div.table-cell span.text {
                padding: 0 40px 0 20px; }
      html body section#content-islands div.content-island-wrap div.content-island.right {
        text-align: left; }
        html body section#content-islands div.content-island-wrap div.content-island.right a.island-inner div.island-button {
          right: 35px; }
          @media screen and (max-width: 768px) {
            html body section#content-islands div.content-island-wrap div.content-island.right a.island-inner div.island-button {
              right: 0; } }
          html body section#content-islands div.content-island-wrap div.content-island.right a.island-inner div.island-button div.button-inner {
            background-image: url("/assets/images/content-islands/arrow-right@2x.png");
            background-position: calc(100% - 10px) center; }
            @media screen and (max-width: 768px) {
              html body section#content-islands div.content-island-wrap div.content-island.right a.island-inner div.island-button div.button-inner {
                background-position: calc(100% - 5px) center;
                padding: 0; } }
            html body section#content-islands div.content-island-wrap div.content-island.right a.island-inner div.island-button div.button-inner div.table {
              right: 55px; }
              html body section#content-islands div.content-island-wrap div.content-island.right a.island-inner div.island-button div.button-inner div.table div.table-cell span.text {
                padding: 0 20px 0 40px; }
      html body section#content-islands div.content-island-wrap div.content-island.about-us {
        background-image: url("/assets/images/content-islands/about-us.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 section#content-islands div.content-island-wrap div.content-island.about-us {
            background-image: url("/assets/images/content-islands/about-us@2x.jpg"); } }
      html body section#content-islands div.content-island-wrap div.content-island.products {
        background-image: url("/assets/images/content-islands/products.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 section#content-islands div.content-island-wrap div.content-island.products {
            background-image: url("/assets/images/content-islands/products@2x.jpg"); } }
      html body section#content-islands div.content-island-wrap div.content-island.savor {
        background-image: url("/assets/images/content-islands/savor.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 section#content-islands div.content-island-wrap div.content-island.savor {
            background-image: url("/assets/images/content-islands/savor@2x.jpg"); } }
      html body section#content-islands div.content-island-wrap div.content-island a.island-inner {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 65px 0 65px;
        position: relative;
        text-decoration: none; }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
          html body section#content-islands div.content-island-wrap div.content-island a.island-inner {
            padding: 0 60px 0 50px; } }
        @media screen and (min-width: 481px) and (max-width: 768px) {
          html body section#content-islands div.content-island-wrap div.content-island a.island-inner {
            padding: 0 0 0 40px; } }
        @media screen and (max-width: 480px) {
          html body section#content-islands div.content-island-wrap div.content-island a.island-inner {
            padding: 0 0 0 20px; } }
        html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-overlay {
          opacity: 0;
          transition: opacity .2s linear;
          position: absolute;
          z-index: 15;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.4); }
        html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.table {
          width: 100%;
          height: 100%;
          display: table; }
          html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.table div.table-cell {
            width: 100%;
            display: table-cell;
            vertical-align: middle; }
        html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.text-wrap div.title {
          color: #fff;
          font-family: DesirePro, "Times New Roman", Times;
          font-size: 90px;
          line-height: 90px;
          letter-spacing: 3px; }
          @media screen and (min-width: 769px) and (max-width: 1024px) {
            html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.text-wrap div.title {
              font-size: 80px;
              line-height: 80px; } }
          @media screen and (min-width: 481px) and (max-width: 768px) {
            html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.text-wrap div.title {
              font-size: 65px;
              line-height: 65px; } }
          @media screen and (max-width: 480px) {
            html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.text-wrap div.title {
              font-size: 50px;
              line-height: 50px;
              letter-spacing: 2px; } }
        html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button {
          position: absolute;
          top: calc(50% - 27px);
          z-index: 20;
          height: 55px;
          width: 55px;
          transition: width .3s linear;
          overflow: hidden;
          background-color: rgba(196, 136, 45, 0.9); }
          @media screen and (max-width: 768px) {
            html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button {
              top: calc(50% - 20px);
              width: 40px;
              height: 40px; } }
          html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button div.button-inner {
            height: 100%;
            background-repeat: no-repeat;
            background-size: 35px;
            position: relative; }
            @media screen and (max-width: 768px) {
              html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button div.button-inner {
                padding: 0;
                background-size: 27px; } }
            html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button div.button-inner div.table {
              width: auto;
              position: absolute;
              top: 0; }
              @media screen and (max-width: 768px) {
                html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button div.button-inner div.table {
                  display: none; } }
              html body section#content-islands div.content-island-wrap div.content-island a.island-inner div.island-button div.button-inner div.table div.table-cell span.text {
                display: block;
                padding: 0 15px;
                white-space: nowrap;
                font-family: "museo-sans", sans-serif;
                color: #fff;
                font-size: 16px;
                line-height: 16px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 2px; }

div#mobile-more-info {
  display: none; }
  @media screen and (max-width: 768px) {
    div#mobile-more-info {
      display: block; } }
  div#mobile-more-info div.item {
    width: 90%;
    max-width: 350px;
    height: 80%;
    max-height: 250px;
    position: fixed;
    left: 50%;
    top: calc(50% + 20px);
    transform: translate(-50%, -50%);
    z-index: 499;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
    background-color: rgba(47, 43, 40, 0.9); }
    div#mobile-more-info div.item.visible {
      top: 50%;
      opacity: 1;
      pointer-events: all; }
    div#mobile-more-info div.item div.inner {
      width: 100%;
      height: 100%;
      position: relative; }
      div#mobile-more-info div.item div.inner a.close:link, div#mobile-more-info div.item div.inner a.close:visited {
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px; }
        div#mobile-more-info div.item div.inner a.close:link svg, div#mobile-more-info div.item div.inner a.close:visited svg {
          width: 100%;
          height: auto;
          display: block;
          transform: rotate(45deg); }
      div#mobile-more-info div.item div.inner div.text {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center; }
        div#mobile-more-info div.item div.inner div.text img.title {
          height: auto;
          margin: 0 auto;
          display: inline-block; }
          div#mobile-more-info div.item div.inner div.text img.title.prosciutto {
            width: 246px; }
          div#mobile-more-info div.item div.inner div.text img.title.coppa {
            width: 124px; }
          div#mobile-more-info div.item div.inner div.text img.title.chorizo {
            width: 176px; }
          div#mobile-more-info div.item div.inner div.text img.title.snack-cups {
            width: 240px; }
          div#mobile-more-info div.item div.inner div.text img.title.pancetta {
            width: 193px; }
          div#mobile-more-info div.item div.inner div.text img.title.bresaola {
            width: 192px; }
          div#mobile-more-info div.item div.inner div.text img.title.salami {
            width: 170px; }
          div#mobile-more-info div.item div.inner div.text img.title.dry-salami {
            width: 139px; }
        div#mobile-more-info div.item div.inner div.text p.label {
          margin: 15px 0 25px 0;
          font-size: 18px;
          color: #ffffff;
          text-align: center; }
        div#mobile-more-info div.item div.inner div.text a.cta:link, div#mobile-more-info div.item div.inner div.text a.cta:visited {
          display: inline-block;
          margin: 0 auto;
          position: relative;
          transition: color 0.2s ease;
          color: #c4882d;
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          letter-spacing: 1px; }
          div#mobile-more-info div.item div.inner div.text a.cta:link:hover, div#mobile-more-info div.item div.inner div.text a.cta:visited:hover {
            color: #ffffff; }
            div#mobile-more-info div.item div.inner div.text a.cta:link:hover:before, div#mobile-more-info div.item div.inner div.text a.cta:link:hover:after, div#mobile-more-info div.item div.inner div.text a.cta:visited:hover:before, div#mobile-more-info div.item div.inner div.text a.cta:visited:hover:after {
              color: #ffffff; }
          div#mobile-more-info div.item div.inner div.text a.cta:link:before, div#mobile-more-info div.item div.inner div.text a.cta:visited:before {
            position: absolute;
            top: 50%;
            right: calc(100% + 5px);
            transform: translateY(-50%);
            transition: color 0.2s ease;
            content: "—";
            color: #c4882d; }
          div#mobile-more-info div.item div.inner div.text a.cta:link:after, div#mobile-more-info div.item div.inner div.text a.cta:visited:after {
            position: absolute;
            top: 50%;
            left: calc(100% + 5px);
            transform: translateY(-50%);
            transition: color 0.2s ease;
            content: "—";
            color: #c4882d; }

section#charcuterie {
  overflow: hidden;
  background-image: url(/assets/images/salumi-explained/background.jpg);
  background-repeat: repeat; }
  section#charcuterie div.anchor div.title {
    padding: 150px 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#charcuterie div.anchor div.title {
        padding: 75px 20px 100px 20px; } }
    @media screen and (max-width: 480px) {
      section#charcuterie div.anchor div.title {
        padding: 50px 20px; } }
    section#charcuterie div.anchor div.title h1 span {
      display: block; }
      section#charcuterie div.anchor div.title h1 span.large {
        font-family: DesirePro, "Times New Roman", Times;
        font-size: 200px;
        line-height: 160px;
        text-align: center; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.title h1 span.large {
            font-size: 128px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.title h1 span.large {
            font-size: 96px;
            line-height: 96px; } }
      section#charcuterie div.anchor div.title h1 span.small {
        font-family: "museo-sans", sans-serif;
        font-size: 42px;
        letter-spacing: 10px;
        text-transform: uppercase;
        text-align: center; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.title h1 span.small {
            font-size: 32px;
            line-height: 32px;
            letter-spacing: 3px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.title h1 span.small {
            font-size: 24px;
            line-height: 24px;
            letter-spacing: 3px; } }
  section#charcuterie div.anchor div#mobile-text {
    padding: 0 20px;
    display: none; }
    @media screen and (max-width: 480px) {
      section#charcuterie div.anchor div#mobile-text {
        display: block; } }
    section#charcuterie div.anchor div#mobile-text div.text {
      padding: 15px;
      margin-bottom: 15px;
      background-color: #ffffff; }
      section#charcuterie div.anchor div#mobile-text div.text.one div.inner h2:before {
        content: "01"; }
      section#charcuterie div.anchor div#mobile-text div.text.two div.inner h2:before {
        content: "02"; }
      section#charcuterie div.anchor div#mobile-text div.text.three div.inner h2:before {
        content: "03"; }
      section#charcuterie div.anchor div#mobile-text div.text.four div.inner h2:before {
        content: "04"; }
      section#charcuterie div.anchor div#mobile-text div.text.five div.inner h2:before {
        content: "05"; }
      section#charcuterie div.anchor div#mobile-text div.text div.inner h2 {
        padding-left: 35px;
        position: relative;
        cursor: pointer;
        font-family: DesirePro, "Times New Roman", Times;
        font-size: 30px; }
        section#charcuterie div.anchor div#mobile-text div.text div.inner h2.open:after {
          background-image: url('data:image/svg+xml;charset=utf-8,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm5-9v2H5V9h10z" fill="#c4882d" fill-rule="evenodd"/></svg>'); }
        section#charcuterie div.anchor div#mobile-text div.text div.inner h2:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          font-family: "museo-sans", sans-serif;
          font-size: 20px;
          color: #c4882d; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div#mobile-text div.text div.inner h2:before {
              font-size: 18px; } }
        section#charcuterie div.anchor div#mobile-text div.text div.inner h2:after {
          width: 20px;
          height: 20px;
          display: block;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          content: "";
          background-image: url('data:image/svg+xml;charset=utf-8,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 9V5H9v4H5v2h4v4h2v-4h4V9h-4zm-1 11c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z" fill="#c4882d" fill-rule="evenodd"/></svg>');
          background-repeat: no-repeat; }
      section#charcuterie div.anchor div#mobile-text div.text div.inner p {
        padding-top: 15px;
        margin-top: 15px;
        display: none;
        border-top: 1px solid #c4882d;
        line-height: 24px; }
        section#charcuterie div.anchor div#mobile-text div.text div.inner p.visible {
          display: block; }
  section#charcuterie div.anchor div.items {
    height: 3400px;
    position: relative; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#charcuterie div.anchor div.items {
        height: 3300px; } }
    @media screen and (max-width: 480px) {
      section#charcuterie div.anchor div.items {
        height: 2600px; } }
    section#charcuterie div.anchor div.items > div.text {
      width: 100%;
      padding: 0 0 0 10px;
      position: absolute;
      z-index: 400;
      border-left: 1px solid #c4882d; }
      @media screen and (max-width: 480px) {
        section#charcuterie div.anchor div.items > div.text {
          display: none; } }
      section#charcuterie div.anchor div.items > div.text.one {
        max-width: 340px;
        top: 0;
        left: 50px; }
        section#charcuterie div.anchor div.items > div.text.one div.inner:before {
          content: "01"; }
      section#charcuterie div.anchor div.items > div.text.two {
        max-width: 450px;
        top: 800px;
        left: 600px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items > div.text.two {
            left: auto;
            right: 30px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items > div.text.two {
            top: 660px;
            left: auto;
            right: 20px; } }
        section#charcuterie div.anchor div.items > div.text.two div.inner:before {
          content: "02"; }
      section#charcuterie div.anchor div.items > div.text.three {
        max-width: 330px;
        top: 1485px;
        left: 380px;
        z-index: 420;
        border-left: 1px solid #3e3935; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items > div.text.three {
            top: 1520px;
            left: 360px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items > div.text.three {
            top: 1400px;
            left: 40px; } }
        section#charcuterie div.anchor div.items > div.text.three div.inner:before {
          content: "03";
          color: #3e3935; }
        section#charcuterie div.anchor div.items > div.text.three div.inner h2, section#charcuterie div.anchor div.items > div.text.three div.inner p {
          color: #ffffff; }
      section#charcuterie div.anchor div.items > div.text.four {
        max-width: 450px;
        top: 1970px;
        left: 400px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items > div.text.four {
            top: 1850px;
            left: 270px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items > div.text.four {
            max-width: 375px;
            top: 1750px;
            left: 130px; } }
        section#charcuterie div.anchor div.items > div.text.four div.inner:before {
          content: "04"; }
      section#charcuterie div.anchor div.items > div.text.five {
        max-width: 400px;
        top: 2770px;
        right: 0; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items > div.text.five {
            top: 2650px;
            right: 30px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items > div.text.five {
            max-width: 350px;
            top: 2720px;
            right: 20px; } }
        section#charcuterie div.anchor div.items > div.text.five div.inner:before {
          content: "05"; }
      section#charcuterie div.anchor div.items > div.text div.inner {
        position: relative; }
        section#charcuterie div.anchor div.items > div.text div.inner:before {
          position: absolute;
          top: 0;
          right: calc(100% + 20px);
          font-size: 24px;
          color: #c4882d; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items > div.text div.inner:before {
              font-size: 18px; } }
        section#charcuterie div.anchor div.items > div.text div.inner h2 {
          font-family: DesirePro, "Times New Roman", Times;
          font-size: 48px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items > div.text div.inner h2 {
              font-size: 32px; } }
        section#charcuterie div.anchor div.items > div.text div.inner p {
          font-size: 17px;
          line-height: 28px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items > div.text div.inner p {
              font-size: 16px;
              line-height: 24px; } }
    section#charcuterie div.anchor div.items div.item {
      position: absolute;
      z-index: 350; }
      section#charcuterie div.anchor div.items div.item.breadsticks {
        width: 100%;
        max-width: 431px;
        top: -85px;
        left: 380px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.breadsticks {
            width: 320px;
            top: -125px;
            left: 350px;
            z-index: 430; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.breadsticks {
            width: 300px;
            top: 0;
            left: 50%;
            transform: translateX(-50%); } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.breadsticks {
            width: 340px; } }
        section#charcuterie div.anchor div.items div.item.breadsticks div.more-info {
          top: -100px; }
      section#charcuterie div.anchor div.items div.item.mandarins-olives {
        width: 100%;
        max-width: 391px;
        top: -40px;
        right: 80px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.mandarins-olives {
            right: -50px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.mandarins-olives {
            width: 330px;
            top: 10px;
            right: -50px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.mandarins-olives {
            width: 250px;
            top: 200px;
            right: -60px; } }
        @media screen and (min-width: 375px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.mandarins-olives {
            width: 280px;
            top: 180px; } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.mandarins-olives {
            width: 290px;
            top: 180px; } }
      section#charcuterie div.anchor div.items div.item.crackers {
        width: 100%;
        max-width: 263px;
        top: 270px;
        left: 40px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.crackers {
            width: 220px;
            top: 200px;
            left: -60px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.crackers {
            width: 175px;
            top: 280px;
            left: -60px; } }
      section#charcuterie div.anchor div.items div.item.honeycomb {
        width: 100%;
        max-width: 467px;
        top: 370px;
        left: 380px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.honeycomb {
            left: 280px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.honeycomb {
            width: 440px;
            top: 280px;
            left: 140px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.honeycomb {
            width: 270px;
            top: 500px;
            left: auto;
            right: -90px; } }
        @media screen and (min-width: 375px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.honeycomb {
            width: 300px; } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.honeycomb {
            width: 320px; } }
      section#charcuterie div.anchor div.items div.item.coppa {
        width: 100%;
        max-width: 302px;
        right: 50px;
        top: 400px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.coppa {
            right: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.coppa {
            width: 220px;
            top: 380px;
            right: 20px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.coppa {
            width: 200px;
            top: 655px;
            left: -25px; } }
      section#charcuterie div.anchor div.items div.item.dates-grapes {
        max-width: 273px;
        left: 80px;
        top: 600px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.dates-grapes {
            width: 220px;
            top: 450px;
            left: -25px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.dates-grapes {
            width: 175px;
            top: 455px;
            left: -25px; } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.dates-grapes {
            width: 190px;
            top: 445px; } }
      section#charcuterie div.anchor div.items div.item.snack-cup {
        max-width: 222px;
        z-index: 400;
        left: 280px;
        top: 890px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.snack-cup {
            width: 180px;
            top: 820px;
            left: 130px;
            z-index: 420; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.snack-cup {
            width: 130px;
            top: 750px;
            left: auto;
            right: 20px; } }
        @media screen and (min-width: 375px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.snack-cup {
            width: 180px; } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.snack-cup {
            width: 190px;
            top: 770px; } }
      section#charcuterie div.anchor div.items div.item.chorizo {
        max-width: 197px;
        z-index: 430;
        top: 1025px;
        left: 30px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.chorizo {
            width: 140px;
            top: 660px;
            left: 80px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.chorizo {
            width: 130px;
            top: 900px;
            left: 50px; } }
        @media screen and (min-width: 375px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.chorizo {
            width: 150px;
            top: 885px;
            left: 60px; } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.chorizo {
            width: 170px;
            top: 885px; } }
      section#charcuterie div.anchor div.items div.item.sage {
        max-width: 174px;
        top: 1310px;
        left: 10px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.sage {
            width: 140px;
            top: 760px;
            left: -50px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.sage {
            width: 110px;
            top: 870px;
            left: -35px; } }
        @media screen and (min-width: 425px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.sage {
            width: 120px; } }
      section#charcuterie div.anchor div.items div.item.cutting-board {
        max-width: 1135px;
        z-index: 410;
        top: 1000px;
        left: 170px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.cutting-board {
            width: 1000px;
            top: 1050px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.cutting-board {
            width: 1050px;
            top: 900px;
            left: auto;
            right: -130px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.cutting-board {
            width: 650px;
            top: 1020px;
            left: auto;
            right: -100px; } }
        @media screen and (min-width: 375px) and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.cutting-board {
            width: 700px; } }
      section#charcuterie div.anchor div.items div.item.baguette {
        max-width: 373px;
        top: 1700px;
        left: 0px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.baguette {
            top: 1350px;
            left: -170px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.baguette {
            width: 275px;
            top: 1650px;
            left: -100px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.baguette {
            width: 175px;
            top: 1575px;
            left: -80px; } }
      section#charcuterie div.anchor div.items div.item.salami-package {
        max-width: 567px;
        z-index: 430;
        top: 1750px;
        right: -200px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.salami-package {
            top: 1675px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.salami-package {
            width: 500px;
            top: 1530px;
            right: -150px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.salami-package {
            width: 330px;
            top: 1750px;
            right: -100px; } }
      section#charcuterie div.anchor div.items div.item.salami-slices {
        max-width: 476px;
        z-index: 340;
        top: 2270px;
        right: -170px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.salami-slices {
            top: 2150px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.salami-slices {
            width: 310px;
            top: 2080px;
            right: -100px; } }
      section#charcuterie div.anchor div.items div.item.parmesan {
        max-width: 364px;
        top: 2520px;
        left: 100px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.parmesan {
            top: 2300px;
            left: 50px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.parmesan {
            top: 2275px;
            left: 80px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.parmesan {
            width: 210px;
            top: 1950px;
            left: 0; } }
      section#charcuterie div.anchor div.items div.item.dry-salami {
        max-width: 355px;
        z-index: 410;
        top: 2820px;
        left: 50px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.dry-salami {
            top: 3000px;
            left: 350px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.dry-salami {
            top: 2950px;
            left: 180px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.dry-salami {
            width: 220px;
            top: 2360px;
            left: auto;
            right: -50px; } }
      section#charcuterie div.anchor div.items div.item.dry-salami-package {
        max-width: 527px;
        top: 2650px;
        left: 250px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          section#charcuterie div.anchor div.items div.item.dry-salami-package {
            top: 2550px;
            left: 0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#charcuterie div.anchor div.items div.item.dry-salami-package {
            width: 480px;
            top: 2500px;
            left: -130px; } }
        @media screen and (max-width: 480px) {
          section#charcuterie div.anchor div.items div.item.dry-salami-package {
            width: 300px;
            top: 2100px;
            left: -85px; } }
      section#charcuterie div.anchor div.items div.item > div.inner {
        position: relative; }
      section#charcuterie div.anchor div.items div.item img {
        width: 100%;
        height: auto;
        display: block; }
      section#charcuterie div.anchor div.items div.item a.stamp-only:link, section#charcuterie div.anchor div.items div.item a.stamp-only:visited {
        width: 60px;
        height: 58px;
        display: none;
        position: absolute;
        background-image: url(/assets/images/salumi-explained/stamp-bg.png);
        background-size: 60px 58px;
        background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          section#charcuterie div.anchor div.items div.item a.stamp-only:link, section#charcuterie div.anchor div.items div.item a.stamp-only:visited {
            display: block; } }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-prosciutto, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-prosciutto {
          top: 100px;
          left: 120px; }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-coppa, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-coppa {
          top: 100px;
          left: 120px; }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-chorizo, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-chorizo {
          top: 30px;
          left: 60px; }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-snack-cups, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-snack-cups {
          top: 60px;
          right: 0; }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-pancetta, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-pancetta {
          top: 100px;
          right: 420px; }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-pancetta, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-pancetta {
              top: 80px;
              right: 300px; } }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-bresaola, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-bresaola {
          top: 250px;
          right: 200px; }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-bresaola, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-bresaola {
              top: 200px;
              right: 150px; } }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-salami, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-salami {
          top: 270px;
          left: 130px; }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-salami, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-salami {
              top: 200px; } }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-dry-salami, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-dry-salami {
          top: 80px;
          left: 100px; }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.item a.stamp-only:link#stamp-dry-salami, section#charcuterie div.anchor div.items div.item a.stamp-only:visited#stamp-dry-salami {
              top: 50px;
              left: 50px; } }
        section#charcuterie div.anchor div.items div.item a.stamp-only:link > div.inner, section#charcuterie div.anchor div.items div.item a.stamp-only:visited > div.inner {
          width: 100%;
          height: 100%;
          position: relative; }
          section#charcuterie div.anchor div.items div.item a.stamp-only:link > div.inner div.plus, section#charcuterie div.anchor div.items div.item a.stamp-only:visited > div.inner div.plus {
            width: 28px;
            height: 28px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.2s ease;
            font-size: 44px;
            font-weight: bold;
            color: #ffffff; }
            section#charcuterie div.anchor div.items div.item a.stamp-only:link > div.inner div.plus.visible, section#charcuterie div.anchor div.items div.item a.stamp-only:visited > div.inner div.plus.visible {
              transform: translate(-50%, -50%) rotate(-135deg); }
            section#charcuterie div.anchor div.items div.item a.stamp-only:link > div.inner div.plus svg, section#charcuterie div.anchor div.items div.item a.stamp-only:visited > div.inner div.plus svg {
              width: 100%;
              height: auto;
              display: block; }
      section#charcuterie div.anchor div.items div.item div.more-info {
        position: absolute; }
        @media screen and (max-width: 768px) {
          section#charcuterie div.anchor div.items div.item div.more-info {
            display: none; } }
        section#charcuterie div.anchor div.items div.item div.more-info#info-prosciutto > div.inner div.content div.inner div.text img.title {
          width: 246px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-coppa {
          bottom: 200px; }
          @media screen and (min-width: 1024px) and (max-width: 1199px) {
            section#charcuterie div.anchor div.items div.item div.more-info#info-coppa {
              left: -60px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items div.item div.more-info#info-coppa {
              bottom: 100px;
              left: auto;
              right: 15px; } }
          section#charcuterie div.anchor div.items div.item div.more-info#info-coppa > div.inner div.content div.inner div.text img.title {
            width: 124px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-snack-cups {
          bottom: 150px; }
          section#charcuterie div.anchor div.items div.item div.more-info#info-snack-cups > div.inner div.content div.inner div.text img.title {
            width: 240px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-chorizo {
          bottom: 120px;
          left: -10px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items div.item div.more-info#info-chorizo {
              bottom: 110px;
              left: -70px; } }
          section#charcuterie div.anchor div.items div.item div.more-info#info-chorizo > div.inner div.content div.inner div.text img.title {
            width: 176px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-pancetta {
          top: -120px;
          left: 380px; }
          section#charcuterie div.anchor div.items div.item div.more-info#info-pancetta > div.inner div.content div.inner div.text img.title {
            width: 193px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola {
          top: 50px;
          right: 50px; }
          @media screen and (min-width: 1024px) and (max-width: 1199px) {
            section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola {
              top: 245px;
              right: 160px; }
              section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola.down > div.inner div.content {
                top: 0; }
                section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola.down > div.inner div.content.visible {
                  top: 30px; }
              section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola.down > div.inner a.stamp:link, section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola.down > div.inner a.stamp:visited {
                top: 0;
                bottom: auto; } }
          section#charcuterie div.anchor div.items div.item div.more-info#info-bresaola > div.inner div.content div.inner div.text img.title {
            width: 192px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-salami > div.inner div.content div.inner div.text img.title {
          width: 170px; }
        section#charcuterie div.anchor div.items div.item div.more-info#info-dry-salami {
          top: -170px;
          left: 75px; }
          section#charcuterie div.anchor div.items div.item div.more-info#info-dry-salami > div.inner div.content div.inner div.text img.title {
            width: 139px; }
        section#charcuterie div.anchor div.items div.item div.more-info > div.inner {
          width: 355px;
          height: 330px;
          position: relative; }
          section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content {
            width: 100%;
            height: 300px;
            position: absolute;
            top: 30px;
            opacity: 0;
            background-color: rgba(47, 43, 40, 0.9);
            transition: all 0.3s ease; }
            section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content.visible {
              top: 0px;
              opacity: 1; }
            section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner {
              width: 100%;
              height: 100%;
              position: relative; }
              section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text {
                width: 100%;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                text-align: center; }
                section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text img.title {
                  height: auto;
                  margin: 0 auto;
                  display: inline-block; }
                section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text p.label {
                  margin: 15px 0 25px 0;
                  font-size: 18px;
                  color: #ffffff;
                  text-align: center; }
                section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:link, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:visited {
                  display: inline-block;
                  margin: 0 auto;
                  position: relative;
                  transition: color 0.2s ease;
                  color: #c4882d;
                  font-size: 14px;
                  font-weight: bold;
                  text-align: center;
                  text-decoration: none;
                  text-transform: uppercase;
                  letter-spacing: 1px; }
                  section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:link:hover, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:visited:hover {
                    color: #ffffff; }
                    section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:link:hover:before, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:link:hover:after, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:visited:hover:before, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:visited:hover:after {
                      color: #ffffff; }
                  section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:link:before, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:visited:before {
                    position: absolute;
                    top: 50%;
                    right: calc(100% + 5px);
                    transform: translateY(-50%);
                    transition: color 0.2s ease;
                    content: "—";
                    color: #c4882d; }
                  section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:link:after, section#charcuterie div.anchor div.items div.item div.more-info > div.inner div.content div.inner div.text a.cta:visited:after {
                    position: absolute;
                    top: 50%;
                    left: calc(100% + 5px);
                    transform: translateY(-50%);
                    transition: color 0.2s ease;
                    content: "—";
                    color: #c4882d; }
@keyframes tick {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    transform: translate(-50%, -50%) rotate(-45deg); } }
          section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:link, section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:visited {
            width: 60px;
            height: 58px;
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background-image: url(/assets/images/salumi-explained/stamp-bg.png);
            background-size: 60px 58px;
            background-repeat: no-repeat; }
            section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:link:hover > div.inner div.plus, section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:visited:hover > div.inner div.plus {
              animation: tick 0.6s 1; }
            section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:link > div.inner, section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:visited > div.inner {
              width: 100%;
              height: 100%;
              position: relative; }
              section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:link > div.inner div.plus, section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:visited > div.inner div.plus {
                width: 28px;
                height: 28px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                transition: all 0.2s ease;
                font-size: 44px;
                font-weight: bold;
                color: #ffffff; }
                section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:link > div.inner div.plus.visible, section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:visited > div.inner div.plus.visible {
                  transform: translate(-50%, -50%) rotate(-135deg); }
                section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:link > div.inner div.plus svg, section#charcuterie div.anchor div.items div.item div.more-info > div.inner a.stamp:visited > div.inner div.plus svg {
                  width: 100%;
                  height: auto;
                  display: block; }
    section#charcuterie div.anchor div.items div.paint {
      width: 100%;
      max-width: 879px;
      position: absolute;
      z-index: 300;
      top: 2230px;
      left: 155px; }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        section#charcuterie div.anchor div.items div.paint {
          top: 2000px;
          left: 0; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#charcuterie div.anchor div.items div.paint {
          top: 2000px;
          left: 0; } }
      @media screen and (max-width: 480px) {
        section#charcuterie div.anchor div.items div.paint {
          width: 100%;
          top: 1500px;
          left: 50%;
          transform: translateX(-50%); } }
      @media screen and (min-width: 375px) and (max-width: 480px) {
        section#charcuterie div.anchor div.items div.paint {
          top: 1525px; } }
      section#charcuterie div.anchor div.items div.paint div.inner {
        width: 100%;
        height: 100%;
        position: relative; }
        section#charcuterie div.anchor div.items div.paint div.inner div.text {
          width: 100%;
          padding: 0 130px 0 210px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          font-family: DesirePro, "Times New Roman", Times;
          font-size: 48px;
          color: #ffffff; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items div.paint div.inner div.text {
              font-size: 42px; } }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.paint div.inner div.text {
              padding: 50px 30px;
              position: relative;
              transform: none;
              font-size: 32px; } }
        section#charcuterie div.anchor div.items div.paint div.inner img.smear {
          width: 100%;
          height: auto;
          display: block; }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.paint div.inner img.smear {
              width: 700px;
              position: absolute;
              top: 0;
              left: 50%;
              transform: translateX(-50%); } }
        section#charcuterie div.anchor div.items div.paint div.inner img.signature {
          width: 100%;
          max-width: 184px;
          height: auto;
          display: block;
          position: absolute;
          bottom: 50px;
          right: 70px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#charcuterie div.anchor div.items div.paint div.inner img.signature {
              width: 170px;
              bottom: 35px; } }
          @media screen and (max-width: 480px) {
            section#charcuterie div.anchor div.items div.paint div.inner img.signature {
              bottom: -10px;
              right: 0; } }
          @media screen and (max-width: 375px) {
            section#charcuterie div.anchor div.items div.paint div.inner img.signature {
              width: 150px;
              bottom: 20px;
              right: 0; } }
          @media screen and (max-width: 320px) {
            section#charcuterie div.anchor div.items div.paint div.inner img.signature {
              width: 130px;
              bottom: 10px; } }

/*# sourceMappingURL=salumi-explained.css.map */