/* Background && Buttons Colors: */
/* Text Colors: */
/* Slide 28 (#1) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-7f56d2a1"] */
@media (min-width: 768px) {
  .slide[data-cid=slide-28-7f56d2a1] .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-7f56d2a1] .cell-28 {
    padding-bottom: 35px;
  }
}

/* Slide 28 (#2) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-edc8f97c"] */
@media (min-width: 768px) {
  .slide[data-cid=slide-28-edc8f97c] .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-edc8f97c] .cell-28 {
    padding-bottom: 35px;
  }
}

/* Slide 28 (#3) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-14451ac7"] */
@media (min-width: 768px) {
  .slide[data-cid=slide-28-14451ac7] .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-14451ac7] .cell-28 {
    padding-bottom: 35px;
  }
}

/* Slide 28 (#4) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-6a332252"] */
@media (min-width: 768px) {
  .slide[data-cid=slide-28-6a332252] .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-6a332252] .cell-28 {
    padding-bottom: 35px;
  }
}

/* Slide 28 (#5) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-dd8856cf"] */
@media (min-width: 768px) {
  .slide[data-cid=slide-28-dd8856cf] .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-dd8856cf] .cell-28 {
    padding-bottom: 35px;
  }
}