#mainCore {
  background: #ee3124;    
  font-family: "Open Sans", sans-serif !important;
}

.coreHeader {
  padding: 7vw 0 3.75vw;
}

.mainHeader,
.mainSubhead,
.descriptText {
  color: #ffffff;
}

.mainHeader {
  font-size: 6.4vw;
  line-height: 1.3;
}

.crt-sfra p.mainHeader {
  margin-bottom: 1vw;
}

.mainHeader,
.mainSubhead {
  text-align: center;
}

.mainSubhead {
  font-size: 3.75vw;
}

#madebetter-spark {
  width: 4.9vw !important;
  height: auto;
  padding: 0;
}

.descriptText {
  width: 90%;
  padding-left: 1.5vw;
  font-size: 3.5vw;
}

.pdp-module-four-piece-asset-one img,
.pdp-module-four-piece-asset-two img,
.pdp-module-four-piece-asset-three img,
.pdp-module-four-piece-asset-four img {
  width: 100%;
}

.tmStyling {
  vertical-align: 75%;
  font-size: 45%;
}

.pdp-module-four-piece-asset-one .descriptText,
.pdp-module-four-piece-asset-two .descriptText,
.pdp-module-four-piece-asset-three .descriptText,
.pdp-module-four-piece-asset-four .descriptText {
  line-height: 1.4;
}

#pdp-module-four-piece {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-evenly;
  padding-bottom: 3vw;
}

.sparkStack {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  margin: 3vw auto;
}

.pdp-module-four-piece-asset-one,
.pdp-module-four-piece-asset-two,
.pdp-module-four-piece-asset-three,
.pdp-module-four-piece-asset-four {
  width: 45%;
}

@media screen and (min-width: 768px) {
  .coreHeader {
    padding: 2vw 0 0.65vw;
  }

  .mainHeader {
    font-size: 2.75vw;
  }

  .crt-sfra p.mainHeader {
    margin-bottom: 0.85vw;
  }

  .mainSubhead,
  .descriptText {
    font-size: 1.45vw;
  }

  #pdp-module-four-piece {
    flex-wrap: nowrap;
    padding: 0;
  }

  .pdp-module-four-piece-asset-one,
  .pdp-module-four-piece-asset-two,
  .pdp-module-four-piece-asset-three,
  .pdp-module-four-piece-asset-four {
    width: 23.1%;
  }

  #madebetter-spark {
    width: 1.95vw !important;
  }

  .descriptText {
    padding-left: 0.5vw;
    width: 80%;
  }

  .sparkStack {
    margin: 1.5vw auto 0.5vw;
  }
}

@media screen and (min-width: 1650px) {
  .coreHeader {
    padding: 2.3rem 0 0.75rem;
  }

  .crt-sfra p.mainHeader {
    margin-bottom: 1rem;
  }

  .mainHeader {
    font-size: 3.15rem;
  }

  .mainSubhead,
  .descriptText {
    font-size: 1.65rem;
  }

  .descriptText {
    padding-left: 0.75rem;
  }

  .crt-sfra p.descriptText {
    margin-bottom: 2rem;
  }

  .sparkStack {
    margin: 1.75rem auto 0.5rem;
  }

  #madebetter-spark {
    width: 9.2% !important;
  }
}