@media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
  #icon-carousel {
    @size: 200px;
    font-size: @size;
    line-height: @size + 5;
    .carousel-control {
      top: @size + 30px;
      .square(30px);
      font-size: 40px;
      line-height: 40px;
      left: 228/2 - 40px;
      &.right {
        right: 228/2 - 40px;
      }
    }
  }

  .jumbotron-carousel {
    padding: 50px 0;
    h1 { font-size: 65px; }
    p { font-size: 25px; }
    .shameless-self-promotion { font-size: 12px; }
  }

  .jumbotron-ad {
    p { font-size: 28px; }
  }

  .jumbotron-icon {
    h1 small {
      display: block;
      margin-top: 15px;
      margin-left: 0;
      line-height: 20px;
    }
  }

  .stripe-ad {
    .lead {
      margin: 0;
      padding-top: 5px;
      font-size: 19px;
    }
  }

  .sticky-footer(185px, 60px);

  .hide-sm { display: none; }
}