@charset "UTF-8";
@font-face {
  font-family: "Macys Sans Regular";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff") format("woff"); }

@font-face {
  font-family: "Macys Sans Medium";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff") format("woff"); }

@font-face {
  font-family: "Macys Sans Bold";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff") format("woff"); }

@font-face {
  font-family: "Ramillas Regular";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff") format("woff"); }

@font-face {
  font-family: "Macys Sans XBold";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.woff") format("woff"); }

@font-face {
  font-family: "TT Ramillas ExtraLight";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.woff") format("woff"); }

@font-face {
  font-family: "TT Ramillas ExtraLight Italic";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.woff") format("woff"); }

@font-face {
  font-family: "Ramillas Regular";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff") format("woff"); }

@font-face {
  font-family: "TT Ramillas Bold";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.woff") format("woff"); }

#campaign {
  font-family: "Macys Sans Regular";
  font-size: 16px; }
  #campaign .mobile-only {
    display: none; }
  #campaign .desktop-only {
    display: block; }
  #campaign .clearfix::after {
    content: "";
    clear: both;
    display: table; }
  #campaign * {
    box-sizing: border-box; }
  #campaign a {
    text-transform: initial; }
  #campaign p {
    line-height: 1.5em; }
  #campaign h5,
  #campaign h3 {
    font-weight: normal !important; }
  #campaign strong {
    font-family: "Macys Sans Bold"; }
  #campaign section {
    position: relative; }
    #campaign section .inner-block,
    #campaign section .inner {
      position: relative;
      width: 100%;
      max-width: 1440px;
      margin: 0 auto; }
  #campaign #sections {
    overflow: hidden;
    /* for SPECIFIC BANNERS, see banner.scss */ }
    #campaign #sections section {
      position: relative; }
      #campaign #sections section .inner {
        position: relative;
        width: 95%;
        margin: 0 auto;
        max-width: 1304px; }
        @media (min-width: 1304px) {
          #campaign #sections section .inner {
            width: 100%; } }
    #campaign #sections p {
      margin: 0;
      padding: 0; }
    #campaign #sections h2.headline {
      font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 5vw;
      line-height: 1;
      padding: 0;
      margin-left: 1.2%;
      margin-bottom: 24px; }
      @media (min-width: 768px) {
        #campaign #sections h2.headline {
          font-size: 25px;
          margin-left: 0.92025vw; } }
      @media (min-width: 1304px) {
        #campaign #sections h2.headline {
          font-size: 25px;
          margin-left: 12px; } }
    #campaign #sections .headline-svg {
      margin: 0 auto; }
    #campaign #sections p.subheadline {
      text-align: center; }
      #campaign #sections p.subheadline a {
        display: block; }
    #campaign #sections .monetized-banner {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto 13.33333vw; }
      @media (min-width: 768px) {
        #campaign #sections .monetized-banner {
          margin: 0 auto 7.66871vw; } }
      @media (min-width: 1304px) {
        #campaign #sections .monetized-banner {
          margin: 0 auto 100px; } }
    #campaign #sections .hero-slideshow {
      position: relative;
      height: auto;
      overflow: hidden;
      width: 100%;
      max-width: 1600px;
      margin: 0 auto;
      background: url(https://storage.googleapis.com/assets.mcomnyapps.net/back-to-school/2022-08-pt2/images/1_hero_1_mobile.jpg);
      background-size: cover !important;
      z-index: 0;
      pointer-events: none; }
      @media (min-width: 768px) {
        #campaign #sections .hero-slideshow {
          background: url(https://storage.googleapis.com/assets.mcomnyapps.net/back-to-school/2022-08-pt2/images/1_hero_1_desktop.jpg); } }
      @media (min-width: 1600px) {
        #campaign #sections .hero-slideshow {
          height: 520px; } }
      #campaign #sections .hero-slideshow .video-js {
        opacity: 0;
        transition: opacity 500ms; }
        #campaign #sections .hero-slideshow .video-js.vjs-has-started {
          opacity: 100%; }
        #campaign #sections .hero-slideshow .video-js[data-video-id="6307417099112"] {
          display: none; }
          @media (min-width: 768px) {
            #campaign #sections .hero-slideshow .video-js[data-video-id="6307417099112"] {
              display: block; } }
        #campaign #sections .hero-slideshow .video-js[data-video-id="6307417203112"] {
          display: block; }
          @media (min-width: 768px) {
            #campaign #sections .hero-slideshow .video-js[data-video-id="6307417203112"] {
              display: none; } }
        #campaign #sections .hero-slideshow .video-js .vjs-control-bar {
          display: none !important; }
      #campaign #sections .hero-slideshow .content-wrap {
        position: absolute;
        top: 23%;
        left: 20%;
        max-width: 200px;
        width: 20%;
        color: #fff;
        z-index: 1; }
        @media (min-width: 768px) {
          #campaign #sections .hero-slideshow .content-wrap {
            left: 25%;
            top: 41%;
            transform: translate(-50%, -50%); } }
        @media (min-width: 768px) {
          #campaign #sections .hero-slideshow .content-wrap {
            top: 37%; } }
        #campaign #sections .hero-slideshow .content-wrap .content-image {
          margin: 0 auto;
          width: 41.06667vw;
          max-width: 380px; }
          @media (min-width: 768px) {
            #campaign #sections .hero-slideshow .content-wrap .content-image {
              width: 20vw;
              margin-bottom: 12px; } }
          @media (min-width: 1600px) {
            #campaign #sections .hero-slideshow .content-wrap .content-image {
              width: 380px; } }
          #campaign #sections .hero-slideshow .content-wrap .content-image img {
            width: 100%;
            max-width: 190px; }
        #campaign #sections .hero-slideshow .content-wrap .content-copy p {
          font-family: "Macys Sans Regular";
          line-height: 1;
          font-weight: 100;
          color: #ffffff;
          font-size: 4vw; }
          @media (min-width: 768px) {
            #campaign #sections .hero-slideshow .content-wrap .content-copy p {
              font-size: 20px; } }
      #campaign #sections .hero-slideshow .banner-carousel {
        display: none;
        position: relative;
        overflow: hidden; }
        @media (min-width: 768px) {
          #campaign #sections .hero-slideshow .banner-carousel {
            display: block; } }
        #campaign #sections .hero-slideshow .banner-carousel-mobile {
          display: block;
          height: 69vw; }
          @media (min-width: 768px) {
            #campaign #sections .hero-slideshow .banner-carousel-mobile {
              display: none; } }
    #campaign #sections #giftcategories {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      margin-bottom: 13.33333vw; }
      @media (min-width: 768px) {
        #campaign #sections #giftcategories {
          margin-top: -7vw;
          margin-bottom: 7.66871vw; } }
      @media (min-width: 1024px) {
        #campaign #sections #giftcategories {
          margin-top: -6%; } }
      @media (min-width: 1304px) {
        #campaign #sections #giftcategories {
          margin-bottom: 100px; } }
      @media (max-width: 767px) {
        #campaign #sections #giftcategories .inner {
          width: 95%;
          padding: 0;
          margin-right: 0; } }
      @media (min-width: 1304px) {
        #campaign #sections #giftcategories .inner {
          width: 100%; } }
      #campaign #sections #giftcategories .tile {
        padding: 0;
        border-radius: 8px;
        overflow: hidden;
        width: 26.13333vw; }
        @media (min-width: 768px) {
          #campaign #sections #giftcategories .tile {
            width: 12.26994vw;
            margin-right: 0.5%; } }
        @media screen and (min-width: 1280px) {
          #campaign #sections #giftcategories .tile {
            width: 160px !important;
            margin-right: 10px; } }
        #campaign #sections #giftcategories .tile p {
          font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; }
          @media (max-width: 767px) {
            #campaign #sections #giftcategories .tile p {
              font-size: 3.2vw; } }
      #campaign #sections #giftcategories .tile-copy {
        padding: 0 5px;
        top: auto !important;
        bottom: 15% !important; }
        @media (min-width: 768px) {
          #campaign #sections #giftcategories .tile-copy h5 {
            font-size: 1.4vw; } }
        @media screen and (min-width: 1080px) {
          #campaign #sections #giftcategories .tile-copy h5 {
            font-size: 14px; } }
      #campaign #sections #giftcategories .slick-track {
        display: flex; }
    #campaign #sections .pros-products-loaded {
      display: block;
      padding: 7.6vw 3.2vw;
      flex-direction: column;
      width: 90%;
      margin: 0 auto 7.66871vw; }
      @media (min-width: 768px) {
        #campaign #sections .pros-products-loaded {
          width: 95%;
          max-width: 1280px;
          text-align: center;
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          padding: 3.06748vw 3.06748vw 3.06748vw 4.60123vw;
          margin: 0 auto 7.66871vw; } }
      @media (min-width: 1304px) {
        #campaign #sections .pros-products-loaded {
          width: 1280px;
          margin: 0 auto 100px;
          padding: 40px 40px 40px 60px; } }
      #campaign #sections .pros-products-loaded[data-numberofproducts="3"] {
        width: 90%; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded[data-numberofproducts="3"] {
            width: 95%; } }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded[data-numberofproducts="3"] .pros-product-editorial {
            width: 24.92331vw; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded[data-numberofproducts="3"] .pros-product-editorial {
            width: 325px; } }
        #campaign #sections .pros-products-loaded[data-numberofproducts="3"] .pros-product:last-of-type {
          display: inline-block; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded[data-numberofproducts="3"] .pros-product {
            width: 30.3vw; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded[data-numberofproducts="3"] .pros-product {
            width: 258px; } }
      #campaign #sections .pros-products-loaded.banner-active_lifestyle, #campaign #sections .pros-products-loaded.banner-active, #campaign #sections .pros-products-loaded.banner-juniors_clothing, #campaign #sections .pros-products-loaded.banner-active_backpacks, #campaign #sections .pros-products-loaded.banner-fanatics {
        background-color: #4F7D76; }
      #campaign #sections .pros-products-loaded.banner-womens_shoes, #campaign #sections .pros-products-loaded.banner-juniors_dresses, #campaign #sections .pros-products-loaded.banner-juniors_rompers, #campaign #sections .pros-products-loaded.banner-sneakers, #campaign #sections .pros-products-loaded.banner-juniors, #campaign #sections .pros-products-loaded.banner-accessories, #campaign #sections .pros-products-loaded.banner-kids_bts, #campaign #sections .pros-products-loaded.banner-kids_tommy {
        background-color: #C44593; }
      #campaign #sections .pros-products-loaded.banner-kids_backpacks, #campaign #sections .pros-products-loaded.banner-kids_shoes, #campaign #sections .pros-products-loaded.banner-shoes_sandals, #campaign #sections .pros-products-loaded.banner-kids_trend, #campaign #sections .pros-products-loaded.banner-kids_shoes2, #campaign #sections .pros-products-loaded.banner-kids_uniforms {
        background-color: #1480CC; }
      #campaign #sections .pros-products-loaded.banner-levis {
        background-color: #042044; }
        #campaign #sections .pros-products-loaded.banner-levis .dotwhack-line:nth-of-type(2)::after {
          content: "®";
          font-size: 53%;
          vertical-align: top;
          position: absolute; }
      #campaign #sections .pros-products-loaded .pros-product-editorial {
        color: #fff;
        width: 100%;
        display: block;
        text-align: left; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded .pros-product-editorial {
            margin-right: 1.84049vw;
            width: 21.47239vw;
            display: inline-block; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded .pros-product-editorial {
            width: 280px;
            margin-right: 24px; } }
        #campaign #sections .pros-products-loaded .pros-product-editorial-ctas {
          margin-top: 6vw;
          margin-bottom: 14.53333vw; }
          @media (min-width: 768px) {
            #campaign #sections .pros-products-loaded .pros-product-editorial-ctas {
              margin-top: 2.68405vw;
              margin-bottom: auto; } }
          @media (min-width: 1304px) {
            #campaign #sections .pros-products-loaded .pros-product-editorial-ctas {
              margin-top: 35px; } }
        #campaign #sections .pros-products-loaded .pros-product-editorial a {
          color: #fff;
          font-size: 4.26667vw; }
          @media (min-width: 768px) {
            #campaign #sections .pros-products-loaded .pros-product-editorial a {
              font-size: 18px; } }
      #campaign #sections .pros-products-loaded .pros-product-title {
        line-height: 1;
        margin-bottom: 3.33333vw;
        font-size: 4.26667vw; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded .pros-product-title {
            font-size: 2.1875vw;
            margin-bottom: 1.91718vw; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded .pros-product-title {
            font-size: 28px;
            margin-bottom: 25px; } }
      #campaign #sections .pros-products-loaded .dotwhack {
        font-size: 8.26667vw; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded .dotwhack {
            font-size: 3.68098vw; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded .dotwhack {
            font-size: 48px; } }
        #campaign #sections .pros-products-loaded .dotwhack-line {
          font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1; }
          #campaign #sections .pros-products-loaded .dotwhack-line.dotwhack-small {
            font-size: 75%; }
      #campaign #sections .pros-products-loaded .pros-product {
        display: inline-block;
        width: 26.3vw; }
        #campaign #sections .pros-products-loaded .pros-product:last-of-type {
          display: none; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded .pros-product {
            width: 15.5vw;
            margin-right: 4px; }
            #campaign #sections .pros-products-loaded .pros-product:last-of-type {
              display: inline-block; }
            #campaign #sections .pros-products-loaded .pros-product:last-of-type {
              margin-right: 0; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded .pros-product {
            width: 216px; } }
        #campaign #sections .pros-products-loaded .pros-product .pros-product-info {
          color: #fff;
          font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          text-align: center;
          font-size: 3.73333vw; }
          @media (min-width: 768px) {
            #campaign #sections .pros-products-loaded .pros-product .pros-product-info {
              font-size: 14px; } }
          #campaign #sections .pros-products-loaded .pros-product .pros-product-info-price {
            margin-top: 12px; }
            #campaign #sections .pros-products-loaded .pros-product .pros-product-info-price::before {
              content: 'Sale '; }
          #campaign #sections .pros-products-loaded .pros-product .pros-product-info-id, #campaign #sections .pros-products-loaded .pros-product .pros-product-info-brand, #campaign #sections .pros-products-loaded .pros-product .pros-product-info-name {
            display: none; }
      #campaign #sections .pros-products-loaded .pros-product-img {
        height: 34vw;
        background: #ffffff;
        position: relative;
        overflow: hidden; }
        @media (min-width: 768px) {
          #campaign #sections .pros-products-loaded .pros-product-img {
            height: 20.16871vw;
            width: auto; } }
        @media (min-width: 1304px) {
          #campaign #sections .pros-products-loaded .pros-product-img {
            height: 263px; } }
        #campaign #sections .pros-products-loaded .pros-product-img a {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
    #campaign #sections #maintenance .inner .tiles .tile p {
      width: 75%; }
    #campaign #sections #inspo .inner .tiles .tile p {
      width: 90%; }
    #campaign #sections #category-tiles .tiles {
      display: block; }
    #campaign #sections #category-tiles .tile {
      float: left; }
      @media (min-width: 768px) {
        #campaign #sections #category-tiles .tile {
          float: left;
          width: 25%; }
          #campaign #sections #category-tiles .tile:nth-of-type(5) {
            float: right; }
          #campaign #sections #category-tiles .tile h5 {
            margin-bottom: 0; } }
      @media (min-width: 1304px) {
        #campaign #sections #category-tiles .tile {
          padding: 0 12px; } }
      #campaign #sections #category-tiles .tile.large {
        width: 100%; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile.large {
            width: 50%; }
            #campaign #sections #category-tiles .tile.large .tile-inner {
              height: auto; } }
    @media (min-width: 768px) and (min-width: 768px) {
      #campaign #sections #category-tiles .tile.large .tile-inner {
        height: 60.1vw; } }
    @media (min-width: 768px) and (min-width: 1304px) {
      #campaign #sections #category-tiles .tile.large .tile-inner {
        height: 852px; } }
      @media (min-width: 768px) {
        #campaign #sections #category-tiles .tile .tile-inner {
          height: 29.1vw; } }
      @media (min-width: 1304px) {
        #campaign #sections #category-tiles .tile .tile-inner {
          height: 426px; } }
    #campaign #sections #first-day-back {
      background-color: #A7DBD2;
      padding: 4% 0 6%; }
      #campaign #sections #first-day-back .inner .tiles .tile p {
        font-family: "Macys Sans Bold";
        font-size: 18px;
        margin-left: 8%; }
    #campaign #sections [data-template="tiled-links"] .inner {
      /* overflow: hidden; */ }
      #campaign #sections [data-template="tiled-links"] .inner .headline-svg {
        margin-bottom: 8.5%; }
        @media (min-width: 768px) {
          #campaign #sections [data-template="tiled-links"] .inner .headline-svg {
            margin-bottom: 3.5%;
            width: 80%; } }
        @media (min-width: 1600px) {
          #campaign #sections [data-template="tiled-links"] .inner .headline-svg {
            width: 370px; } }
        #campaign #sections [data-template="tiled-links"] .inner .headline-svg .headline-svg-img {
          display: block;
          margin: 0 auto; }
      #campaign #sections [data-template="tiled-links"] .inner .tiles {
        text-align: center; }
        #campaign #sections [data-template="tiled-links"] .inner .tiles .tile {
          display: inline-block;
          vertical-align: top;
          text-align: left;
          width: 50%;
          padding: 1%; }
          @media (min-width: 1600px) {
            #campaign #sections [data-template="tiled-links"] .inner .tiles .tile {
              padding: 8px; } }
          #campaign #sections [data-template="tiled-links"] .inner .tiles .tile a {
            text-decoration: none;
            line-height: 1; }
          #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-inner {
            position: relative; }
          #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy {
            position: relative;
            width: 100%;
            padding: 2.13333vw 0; }
            @media (min-width: 768px) {
              #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy {
                padding: 1.22699vw 0; } }
            @media (min-width: 1304px) {
              #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy {
                padding: 16px 0 0; } }
            #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy h5 {
              font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 4.2vw;
              line-height: 1.5; }
              @media (min-width: 768px) {
                #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy h5 {
                  font-size: 14px;
                  line-height: 1; } }
              @media (min-width: 1024px) {
                #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy h5 {
                  font-size: 18px; } }
          #campaign #sections [data-template="tiled-links"] .inner .tiles .tile p {
            font-size: .875rem;
            margin-top: 3%; }
          #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .floating-shape {
            z-index: 1; }
      #campaign #sections [data-template="tiled-links"] .inner .tiles.slick-initialized .gg-arrow {
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translatey(-50%);
        width: 40px; }
      #campaign #sections [data-template="tiled-links"] .inner .tiles.slick-initialized .gg-arrow-prev {
        left: -12px; }
      #campaign #sections [data-template="tiled-links"] .inner .tiles.slick-initialized .gg-arrow-next {
        right: -10px; }
      #campaign #sections [data-template="tiled-links"] .inner .tiles.slick-initialized .gg-arrow.slick-disabled {
        visibility: hidden; }
    #campaign #sections [data-template="tiled-links"].row-of-3 .inner .tiles .tile {
      padding: 1%;
      width: 33.3%; }
    #campaign #sections [data-template="tiled-links"].row-of-3#inspo {
      background-image: linear-gradient(to bottom, #ffffff, #ffffff 60%, #78c6b8 40%, #78c6b8);
      margin-top: 3vw;
      padding-bottom: 6vw; }
      @media (min-width: 768px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo {
          padding-bottom: 2vw;
          background-image: linear-gradient(to bottom, #ffffff, #ffffff 56.5%, #78c6b8 43.5%, #78c6b8);
          margin-top: 3.83436vw; } }
      @media (min-width: 1304px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo {
          margin-top: 50px; } }
      @media (max-width: 767px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .inner {
          padding: 0 2%; } }
      @media (max-width: 767px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tiles,
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .slick-list {
          overflow: visible; } }
      @media (min-width: 768px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tiles {
          display: flex;
          justify-content: space-between;
          max-width: 1280px;
          margin: 0 auto; } }
      #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile {
        padding: 0 8px; }
        @media (min-width: 768px) {
          #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile {
            padding: 0;
            width: 30.67485vw;
            max-width: 400px; } }
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-floating-shape {
          position: absolute; }
          #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-floating-shape img {
            z-index: 1;
            display: block;
            position: relative; }
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-copy {
          width: 100%;
          text-align: center; }
          #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-copy h5,
          #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-copy a {
            color: #ffffff; }
          #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-copy h5 {
            font-size: 3.45vw; }
            @media (min-width: 768px) {
              #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-copy h5 {
                font-size: 1.91718vw; } }
            @media (min-width: 1304px) {
              #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile .tile-copy h5 {
                font-size: 25px; } }
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(1) .tile-floating-shape {
          transform: rotate(22deg);
          bottom: 27%;
          left: 14%;
          height: auto;
          width: 6.4vw; }
          @media (min-width: 768px) {
            #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(1) .tile-floating-shape {
              width: 4.44785vw;
              bottom: 30%;
              left: 14%; } }
          @media (min-width: 1304px) {
            #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(1) .tile-floating-shape {
              width: 58px;
              bottom: 23%;
              left: 14%; } }
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(2) .tile-floating-shape {
          height: auto;
          top: -3%;
          left: 9%;
          width: 5.46667vw; }
          @media (min-width: 768px) {
            #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(2) .tile-floating-shape {
              width: 3.37423vw;
              top: -3%;
              left: 9%; } }
          @media (min-width: 1304px) {
            #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(2) .tile-floating-shape {
              width: 44px; } }
        #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(3) .tile-floating-shape {
          height: auto;
          width: 4.53333vw;
          right: 24%;
          top: 16%; }
          @media (min-width: 768px) {
            #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(3) .tile-floating-shape {
              right: 18%;
              top: 18%;
              width: 3.06748vw; } }
          @media (min-width: 1304px) {
            #campaign #sections [data-template="tiled-links"].row-of-3#inspo .tile:nth-of-type(3) .tile-floating-shape {
              width: 56px; } }
    @media (max-width: 767px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics {
        margin: 16vw 0; } }
    @media (min-width: 768px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics {
        padding: 9.20245vw 0; } }
    @media (min-width: 1304px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics {
        padding: 120px 0; } }
    #campaign #sections [data-template="tiled-links"].row-of-3#basics .inner {
      margin: 0 auto;
      width: 95%; }
      @media (min-width: 1304px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .inner {
          width: 100%; } }
    #campaign #sections [data-template="tiled-links"].row-of-3#basics .bgimage-wrap {
      position: absolute;
      width: 100%;
      max-width: 1420px; }
      @media (max-width: 767px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .bgimage-wrap {
          bottom: 4%;
          left: 2%;
          width: 93%; } }
      @media (min-width: 768px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .bgimage-wrap {
          left: 50%;
          bottom: 19%;
          transform: translateX(-50%); } }
      @media (min-width: 1304px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .bgimage-wrap {
          bottom: 19%; } }
    @media (max-width: 767px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics h2.headline {
        font-size: 5vw;
        margin-left: 0; } }
    #campaign #sections [data-template="tiled-links"].row-of-3#basics .tiles .tile-copy h5 {
      text-align: center; }
    @media (max-width: 767px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics .tiles {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0;
        height: 126.66667vw; }
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .tiles .tile-copy {
          width: 100%;
          padding-top: 0; }
          #campaign #sections [data-template="tiled-links"].row-of-3#basics .tiles .tile-copy h5 a {
            font-size: 4vw; } }
    @media (min-width: 768px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics .tiles {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 81vw;
        margin: 0 auto; } }
    @media (min-width: 1304px) {
      #campaign #sections [data-template="tiled-links"].row-of-3#basics .tiles {
        width: 1122px; } }
    #campaign #sections [data-template="tiled-links"].row-of-3#basics .tile {
      width: 44.8vw;
      padding: 0; }
      @media (max-width: 767px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .tile:first-of-type {
          margin-bottom: -11vw; }
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .tile:nth-of-type(2) {
          align-self: flex-end;
          margin-top: -30%; }
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .tile:last-of-type {
          margin-top: -33%; } }
      @media (min-width: 768px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .tile {
          width: 24.07975vw; } }
      @media (min-width: 1304px) {
        #campaign #sections [data-template="tiled-links"].row-of-3#basics .tile {
          width: 314px; } }
    #campaign #sections [data-template="tiled-links"].row-of-2 .inner .tiles .tile {
      padding: 1%;
      width: 50%; }
    #campaign #sections [data-template="tiled-links"].row-of-4 .inner .tiles .tile {
      padding: 2.5% 2.5% 0;
      width: 25%; }
    #campaign #sections #first-day-back .inner .tiles .tile:nth-child(8) {
      position: relative;
      z-index: 3; }
    #campaign #sections #BTS-Banner,
    #campaign #sections [data-template="banner"] {
      margin-top: 10%;
      margin-bottom: 3.2vw; }
      @media (min-width: 768px) {
        #campaign #sections #BTS-Banner,
        #campaign #sections [data-template="banner"] {
          margin-top: 4%;
          margin-bottom: 3.68098vw; } }
      @media (min-width: 1304px) {
        #campaign #sections #BTS-Banner,
        #campaign #sections [data-template="banner"] {
          margin-top: 75px;
          margin-bottom: 48px; } }
      #campaign #sections #BTS-Banner .inner,
      #campaign #sections [data-template="banner"] .inner {
        max-width: 1280px; }
        #campaign #sections #BTS-Banner .inner .banner-wrap,
        #campaign #sections [data-template="banner"] .inner .banner-wrap {
          position: relative; }
          #campaign #sections #BTS-Banner .inner .banner-wrap .banner-image,
          #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-image {
            display: block;
            width: 100%;
            height: auto;
            position: relative;
            z-index: 1; }
          #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy,
          #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy {
            max-width: 405px;
            width: 33%;
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 10%;
            transform: translateY(-50%); }
            @media (max-width: 767px) {
              #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy,
              #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy {
                top: 23%;
                left: 6%;
                width: 56%;
                transform: none; }
                #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy .banner-headline,
                #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy a,
                #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy .banner-headline,
                #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy a {
                  font-size: 4.26667vw; }
                #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy .banner-headline,
                #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy .banner-headline {
                  width: 82%;
                  line-height: 1.1; } }
            #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy .banner-copy-inner,
            #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy .banner-copy-inner {
              position: relative; }
              #campaign #sections #BTS-Banner .inner .banner-wrap .banner-copy .banner-copy-inner a,
              #campaign #sections [data-template="banner"] .inner .banner-wrap .banner-copy .banner-copy-inner a {
                display: block;
                margin: 4% 0; }
    #campaign #sections [data-template="banner-special"] .inner .banner-wrap {
      position: relative;
      max-width: 1250px;
      margin-left: 80px; }
      #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-image {
        display: inline-block;
        width: 65%;
        height: auto;
        position: relative;
        z-index: 1; }
        #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-image img:first-child {
          max-width: 845px; }
      #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy {
        position: relative;
        display: inline-block;
        width: 30%; }
        #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy .banner-copy-inner {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
          #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy .banner-copy-inner .banner-headline {
            font-family: "Ramillas Regular", "Didot", Times, serif;
            font-size: 4rem;
            line-height: 1;
            margin-bottom: 10%; }
          #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy .banner-copy-inner .banner-subheadline {
            font-size: 0.875rem;
            margin-bottom: 5%; }
    #campaign #sections #copyblock .copy-wrap {
      padding: 3.2vw 0; }
      @media (min-width: 768px) {
        #campaign #sections #copyblock .copy-wrap {
          padding: 3.68098vw 0.92025vw; } }
      @media (min-width: 1304px) {
        #campaign #sections #copyblock .copy-wrap {
          padding: 48px 12px; } }
    #campaign #sections #copyblock h1,
    #campaign #sections #copyblock p {
      font-family: "Macys Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #campaign #sections #copyblock h1 {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1;
      font-weight: normal; }
    #campaign #sections #copyblock p {
      font-size: 14px;
      margin-bottom: 20px; }
    #campaign #sections #category-tiles .inner > .floating-shape:first-of-type {
      top: 20%;
      right: -31%;
      transform: scale(1.4); }
      @media (min-width: 768px) {
        #campaign #sections #category-tiles .inner > .floating-shape:first-of-type {
          top: 6%;
          right: -31%;
          transform: scale(1); } }
    #campaign #sections #category-tiles .inner > .floating-shape:nth-of-type(2) {
      top: 55%;
      left: -47%;
      transform: scale(1.2); }
      @media (min-width: 768px) {
        #campaign #sections #category-tiles .inner > .floating-shape:nth-of-type(2) {
          top: 43%;
          left: -34%; } }
    #campaign #sections #category-tiles .inner > .floating-shape:last-of-type {
      bottom: 3%;
      right: -32%;
      transform: scale(1.3); }
      @media (min-width: 768px) {
        #campaign #sections #category-tiles .inner > .floating-shape:last-of-type {
          top: 66%;
          right: -20%; } }
    @media (max-width: 767px) {
      #campaign #sections #category-tiles .tile {
        padding: 3% 2%; } }
    #campaign #sections #category-tiles .tile .tile-floating-shape {
      display: block;
      position: absolute;
      pointer-events: none; }
      #campaign #sections #category-tiles .tile .tile-floating-shape.uniforms {
        width: 11.06667vw;
        top: 19%;
        left: 19%; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.uniforms {
            width: 6.36503vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.uniforms {
            width: 83px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.lids {
        right: 24%;
        top: -12%;
        width: 5.6vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.lids {
            width: 3.22086vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.lids {
            width: 42px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.handbags {
        left: 59%;
        top: 4%;
        width: 9.06667vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.handbags {
            width: 5.21472vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.handbags {
            width: 68px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.bedding {
        left: 32%;
        top: 9%;
        width: 4.4vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.bedding {
            width: 2.53067vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.bedding {
            width: 33px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.sunglasses {
        right: -5%;
        top: -28%;
        width: 20.93333vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.sunglasses {
            width: 12.03988vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.sunglasses {
            width: 157px;
            right: -36px;
            top: -225px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.accessories {
        top: -8%;
        transform: rotate(8deg);
        left: -15%;
        width: 18vw;
        clip-path: inset(0 0 0 25%); }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.accessories {
            width: 10.35276vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.accessories {
            width: 135px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.makeup {
        top: 23%;
        left: 10%;
        width: 11.6vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.makeup {
            width: 6.67178vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.makeup {
            width: 97px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.haircare {
        left: 11%;
        top: 4%;
        width: 8.26667vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.haircare {
            width: 4.7546vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.haircare {
            width: 62px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape.bathbody {
        right: -54%;
        top: 4%;
        width: 30.66667vw; }
        @media (min-width: 768px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.bathbody {
            width: 17.63804vw; } }
        @media (min-width: 1304px) {
          #campaign #sections #category-tiles .tile .tile-floating-shape.bathbody {
            width: 230px; } }
      #campaign #sections #category-tiles .tile .tile-floating-shape .floating-shape {
        width: 100%;
        position: relative; }
  #campaign .floating-shape,
  #campaign .animation {
    position: absolute;
    z-index: -1; }
  #campaign #BTS-banner {
    margin-bottom: 3.2vw; }
    @media (min-width: 768px) {
      #campaign #BTS-banner .inner .banner-wrap .banner-copy h3 {
        font-size: 2.45399vw; } }
    @media (min-width: 1304px) {
      #campaign #BTS-banner .inner .banner-wrap .banner-copy h3 {
        font-size: 32px; } }
    #campaign #BTS-banner .floating-shape {
      z-index: 1;
      top: -9%;
      left: -1.5%;
      width: 16.13333vw; }
      @media (min-width: 768px) {
        #campaign #BTS-banner .floating-shape {
          left: 3%;
          width: 9.27914vw; } }
      @media (min-width: 1304px) {
        #campaign #BTS-banner .floating-shape {
          width: 121px; } }

@media only screen and (max-width: 1280px) {
  #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy .banner-copy-inner .banner-headline {
    font-size: 4.75vw; } }

@media only screen and (max-width: 1024px) {
  #campaign #sections .hero-slideshow .content-wrap .content-image {
    width: 12vw; }
  #campaign #sections [data-template="tiled-links"] .inner .tiles .tile .tile-copy {
    width: 90%; }
  #campaign #sections #small-space {
    margin-top: 10%;
    margin-bottom: 10%; }
    #campaign #sections #small-space .inner .banner-wrap .banner-copy {
      vertical-align: top;
      margin-top: 8%; }
      #campaign #sections #small-space .inner .banner-wrap .banner-copy .banner-copy-inner {
        top: 0;
        transform: none; }
        #campaign #sections #small-space .inner .banner-wrap .banner-copy .banner-copy-inner .banner-headline {
          font-size: 4vw; }
    #campaign #sections #small-space .floating-shape {
      width: 50%; }
    #campaign #sections #small-space .animation {
      width: 10%;
      left: 8%; }
  #campaign #sections #BTS-banner .animation {
    width: 10%; } }

@font-face {
  font-family: "Macys Sans Regular";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff") format("woff"); }

@font-face {
  font-family: "Macys Sans Medium";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff") format("woff"); }

@font-face {
  font-family: "Macys Sans Bold";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff") format("woff"); }

@font-face {
  font-family: "Ramillas Regular";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff") format("woff"); }

@font-face {
  font-family: "Macys Sans XBold";
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansXBd.woff") format("woff"); }

@font-face {
  font-family: "TT Ramillas ExtraLight";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLight.woff") format("woff"); }

@font-face {
  font-family: "TT Ramillas ExtraLight Italic";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasExtraLightItalic.woff") format("woff"); }

@font-face {
  font-family: "Ramillas Regular";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff") format("woff"); }

@font-face {
  font-family: "TT Ramillas Bold";
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasBold.woff") format("woff"); }

@media only screen and (max-width: 767px) {
  #campaign .mobile-only {
    display: none; }
  #campaign .desktop-only {
    display: block; }
  #campaign #sections section .inner {
    padding: 2%; }
  #campaign #sections .hero-slideshow .content-wrap {
    top: 9%;
    left: 5%;
    width: 35%; }
    #campaign #sections .hero-slideshow .content-wrap .content-image {
      width: 70%;
      margin: 0 0 1% 0; }
  #campaign #sections #giftcategories {
    margin-top: -15%; }
    #campaign #sections #giftcategories .inner .tiles .tile {
      margin: 0 0.5%; }
  #campaign #sections [data-template="tiled-links"].row-of-2 .inner .tiles .tile,
  #campaign #sections [data-template="tiled-links"].row-of-3 .inner .tiles .tile,
  #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy,
  #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-image {
    display: block;
    width: 100%; }
  #campaign #sections [data-template="banner-special"] .inner .banner-wrap {
    margin-left: 0; }
    #campaign #sections [data-template="banner-special"] .inner .banner-wrap .banner-copy .banner-copy-inner {
      position: static;
      transform: none; }
  #campaign #sections [data-template="tiled-links"] .inner .tiles .tile p {
    width: 95%;
    font-size: 1.125rem;
    margin-bottom: 5%; }
  #campaign #sections #inspo .inner .tiles .tile p,
  #campaign #sections #maintenance .inner .tiles .tile p {
    width: 95%;
    line-height: 1.1; }
  #campaign #sections [data-template="tiled-links"].row-of-2 .inner .tiles .tile .tile-copy {
    width: 90%; }
    #campaign #sections [data-template="tiled-links"].row-of-2 .inner .tiles .tile .tile-copy h5 a {
      font-size: 6.5vw; }
  #campaign #sections [data-template="tiled-links"].row-of-4 .inner .tiles .tile {
    width: 50%; }
  #campaign #sections #maintenance h2.headline {
    width: 80%; }
  #campaign #sections #maintenance .floating-shape {
    width: 90%;
    top: -27%;
    right: -15%; }
  #campaign #sections #maintenance .animation {
    width: 30%;
    top: -6%; }
  #campaign #sections #small-space {
    margin-top: 14%; }
    #campaign #sections #small-space .inner .banner-wrap .banner-copy .banner-copy-inner {
      margin-bottom: 8%; }
      #campaign #sections #small-space .inner .banner-wrap .banner-copy .banner-copy-inner .banner-headline {
        width: 60%;
        font-size: 9vw;
        margin: 6% 0 4%; }
    #campaign #sections #small-space .floating-shape {
      width: 100%;
      top: -4%;
      left: -28%; }
    #campaign #sections #small-space .animation {
      width: 18%;
      top: -6%; }
  #campaign #sections #first-day-back {
    margin-top: 15%; }
    #campaign #sections #first-day-back .inner .tiles .tile p {
      font-size: 1rem; }
    #campaign #sections #first-day-back .floating-shape {
      width: 60%;
      bottom: -9%;
      right: -33%; }
    #campaign #sections #first-day-back .animation {
      width: 20%;
      bottom: -8%;
      right: -6%; }
  #campaign #sections #BTS-banner .animation {
    width: 20%; } }