@media screen and (max-width:767px){h1,
.h1{font-size:30px !important;}
h1.mega,
.h1.mega{font-size:70px;}
h1.huge,
.h1.huge{font-size:60px;}
h1.small,
.h1.small{font-size:20px;}
.mobileCrop{margin:0 !important;}
.mobileCropBottom{margin-bottom:0 !important;}
.mobileCropTop{margin-top:0 !important;}
.mobileCropLeft{margin-left:0 !important;}
.mobileCropRight{margin-right:0 !important;}
.nextSlide{display: none;}
p { font-size: 22px; }
}


@media screen and (max-width:320px){h1.huge,
  .h1.huge{font-size:30px;}
  p { font-size: 22px; }
}


/* swap panels on last slide */
.slides:not(.lastSlide) .panel.bottom.customPanel,
.slides.lastSlide .panel.bottom:not(.customPanel) {
  opacity:0;
  -webkit-transform: translate3d(0,100%,0) !important;
  transform: translate3d(0,100%,0) !important;
}
