/*SALE HACK*/

.landing-page__hero .landing-page__hero--placement {
    padding-bottom: 62.5%;
  }
  .landing-page__hero--placement .landing-page__hero-content {
    top: 70%;
    left: 50%;
    display: flex;
    flex-direction: row;
    text-align: left;
    justify-content: center;
    width: 82%;
    max-width: 410px;
    /* width: auto; */
    z-index: 2;
    transform: translate(-50%, 0);
}  
  #beauty-hub .hero.hero--placement .landing-page__hero-cta-container {
    bottom: 12%;
}

  /* .region-UK .landing-page__hero--placement .landing-page__hero-content {
    justify-content: space-between !important; 
  } */
  /* .landing-page__hero--placement .landing-page__hero-cta {
    justify-content: center;
    flex-basis: 43%;
    max-width: 43%;
    padding: 9px 0;
    margin-bottom: 5%;
    color: #000000;
    background-color: #ffffff;
  } */
  .landing-page__hero--placement .landing-page__hero-cta:nth-child(3),
  .landing-page__hero--placement .landing-page__hero-cta:nth-child(4) {
    margin-bottom: 0;
  }
  @media screen and (min-width: 769px) {
    .landing-page__hero.landing-page__hero--placement {
      padding-bottom: 40.7%;
    }
    .landing-page__hero--placement .landing-page__hero-content {
      top: 81%;
      /* left: 50%;
      width: 300px; */
      max-width: 350px;

    }
    .landing-page__hero--placement .landing-page__hero-cta {
      /* flex-basis: 43%; */
      max-width: 43%;
      margin-bottom: 0;
    }
    .fast-track__cta {
      padding: 9px 5px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .landing-page__hero.landing-page__hero--placement {
        padding-bottom: 124% !important;
    }
     /* .landing-page__hero.landing-page__hero--placement .landing-page__hero-content {
          top: 74%;
      } */
    #beauty-hub .hero.hero--placement {
        padding-bottom: 54.8%;
    }
    #beauty-hub .hero.hero--placement .landing-page__hero-cta-container {
        bottom: 11%;
    }
	/* this is for making fast track assets double width and hiding un needed ones */
	.fast-track__item--five {
		flex-basis: 100%;
	} 	  
	.fast-track__item--ten {
		display: none;
	}

  }
  .landing-page__hero--placement .landing-page__hero-content-title {display:none}
  .landing-page__hero--placement .landing-page__hero-cta--secondary{display:none !important}
  .landing-page__hero--placement .logo__mobile {display:none}
  .landing-page__hero--placement .logo__overlay {display:none}
  .landing-page__hero--placement .logo__desktop {display:none}
  .landing-page__hero--placement .img.logo__desktop {display:none}
  .landing-page__hero--placement .logo__mobile {display:none}
  .landing-page__hero--placement .denim-logo {display:none}
  
  @media screen and (min-width: 769px){
      .landing-page__hero--placement .logo__mobile {
          display: none;
      }
  }
  
  
  /* .landing-page__hero-cta {
      display: -ms-flexbox;
      display: flex;
      padding: 9px 0;
      margin: 0;
      color: #000000;
      background-color: #ffffff;
      line-height: 16px;
      font-weight: 500;
      text-align: center;
      -ms-flex-item-align: start;
      align-self: flex-start;
      white-space: nowrap;
      text-decoration: none;
      font-size: 14px;
      -ms-flex-pack: center;
      justify-content: center;
      width: 133px;
  } */