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

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

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

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

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

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

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

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

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

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