.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  margin:0 auto;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
  height: 35em;
  padding-top:2.5em;
}

.slide-content {
  padding-left:2em;
  width:57%;
}
.slice1 .slide-content {
  width: 72%;
}
.slice2 .slide-content {
  width: 86%;
}

.slice2 a.benefits {
  border: 1px solid #ffffff;
  -moz-border-radius:  12px;
  -webkit-border-radius:  12px;
  border-radius:  12px;
  font-size: 1.6em;
  color:#ffffff;
  font-family: InterstateLight;
  text-decoration: none;
  padding: 0.7em 1em 0.7em 1.5em;
  display: block;
  width: 6.5em;
}

.slice3 a.learn-more {
  width: 6em;
}

.slice2 a {
  color: #ffffff;
}

.slide-content p {
  color: #333333;
  padding-right: 1em;
  margin-bottom: 1.5em;
}

.slice1 .slide-content p.text-bottom {
  font-size:1.3em;
  padding-right: 4em;
}


#mySwipe .swipe-wrap .slice2 {
  background-color: #034588;
}
.slice1 .slide-content { 
  width:72%;
}

.slice1 .slide-content p {
  margin-bottom:1.5em;
}
#mySwipe .swipe-wrap .slice1 .slide-content .image{
  background-position: right bottom;
  width: 195px;
  height: 232px;
  position: absolute;
  right:10px;
  bottom: 0;
}
#mySwipe .swipe-wrap .slice2 .slide-content .image{
  display: none;
}
#mySwipe .swipe-wrap .slice3 .slide-content .image{
  background-position: right bottom;
  bottom: 125px;
  height: 178px;
  position: absolute;
  right: 10px;
  width: 131px;
}

#mySwipe .swipe-wrap .slice3 .slide-content h1{
  padding-right: 2em;
}

#mySwipe .swipe-wrap .slice2 p{
  color: #ffffff;
  padding-right: 0px;
}

#mySwipe .swipe-wrap .slice2 h1{
  color: #ffffff;
}

.bullets {
  bottom: 2em;
  position: absolute;
}

.bullets span {
    background-color: #cccccc;
    border-radius: 15px;
    cursor: pointer;
    float: left;
    height: 12px;
    margin-right: 15px;
    width: 12px;
    text-indent: -999999px;
}

.apple-logo {
  margin-bottom:1.5em;
}

.bullets span.active {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #cccccc;
  height: 10px;
  width: 10px;
  margin-top: 1px;
}

.slice2 .slide-content .bullets span {
    background-color: #cccccc;
    border-radius: 15px;
    cursor: pointer;
    float: left;
    height: 12px;
    margin-right: 15px;
    width: 12px;
}

.slice2 .slide-content .bullets span.active {
  background-color: #004f93;
  box-shadow: 0 0 0 2px #cccccc;
  height: 10px;
  width: 10px;
}