.topbanner {
  margin-top: 10px;
  margin-bottom: 20px;
  background: #fff;
  border-top: 4px solid #d0bd9c;
  border-bottom: 4px solid #d0bd9c;
}

.copy-container {
  position: absolute;
  top: 35%;
  width: 54%;
  right: 3%;
  text-align: center;
  cursor: pointer;
  color: #fff;
}

.topbanner .copy-container {
  top: 35%;
}

.instyle .copy-container {
  top: 19%;
  color: black;
  width: 60%;
}

.prelative {
  position: relative;
}

.italic {
  font-family: ChronicleDisplay-LightItalic, "Times New Roman", times, serif !important;
}

.copy-container h3 {
  font-size: 2.1em;
  text-transform: uppercase;
  letter-spacing: .09em;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 8px;
  line-height: 100%;
}

.copy-container p {
  padding: 0 2em;
  margin-top: 0;
  font-size: 21px;
  line-height: 100%;
  margin-bottom: 50px;
}

.copy-container p.new {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 2.5em;
  line-height: 100%;
  margin-bottom: 50px;
}

.copy-container a {
  font-size: 30px;
  border-bottom: 1px solid #000;
  text-decoration: none;
  color: #fff;
}

.instyle .tag-header {
  font-size: 1.6em;
  line-height: 1.2em;
  padding-bottom: .8em;
}

.instyle .tag-body {
  padding: 0;
  font-size: 1.5em;
}

.hero-right-side-one {
  background-image: url('https://www.cledepeaubeaute.com/on/demandware.static/-/Sites-CPB-Library/en_US/v1751533667489/contentassetimages/instyle-concealer/css/contentassetimages/CPB-WEB-S18-69_HP_BrighteningEnhancerBase_1220x470_FINAL_right.jpg?$staticlink$');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position height: 100%;
}

.formobile {
  display: none;
}

.new {
  margin-bottom: 0% !important;
  margin-top: 10%;
}

@media (max-width:1024px) {
  .bonus-2018-05 .fordesktop, .topbanner .fordesktop {
    display: block;
  }
  .copy-container h3 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .copy-container p {
    font-size: 26px !important;
    margin-bottom: 25px;
  }
}

@media (max-width:900px) {
  .copy-container h3 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .copy-container p {
    font-size: 18px !important;
  }
  .copy-container a {
    font-size: 24px !important;
  }
}

@media (max-width:768px) {
  .copy-container h3 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .copy-container p {
    font-size: 18px !important;
    margin-bottom: 20px;
  }
  .copy-container a {
    font-size: 22px !important;
  }
}

@media (max-width:1024px) and (min-width:640px) {
  .instyle .tag-body {
    display: none;
  }
}

@media (max-width:640px) {
  .copy-container a {
    color: #000;
  }
  .bonus-2018-05 .formobile, .topbanner .formobile {
    display: block;
    padding-bottom: 0;
  }
  .bonus-2018-05 .fordesktop, .topbanner .fordesktop {
    display: none;
  }
  .instyle .copy-container, .copy-container {
    position: relative;
    padding: 40px 0;
    color: #000;
    width: 100%;
    right: 0;
  }
  .copy-container h3 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #000;
  }
  .copy-container p {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .copy-container a {
    font-size: 25px;
    color: #000;
    border-bottom: 1px solid #000;
  }
  .fordesktop {
    display: none;
  }
  . p.new {
    margin-bottom: 10px;
  }
}

@media (max-width:350px) {
  .copy-container {
    padding-bottom: 23px;
  }
  .copy-container h3 {
    font-size: 30px;
    margin-top: 60px;
  }
  .copy-container h3 span {
    font-size: 22px;
    line-height: 110%;
  }
}