@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 - 10px;
    .square(30px);
    left: 228/2 - 36px;
    &.right {
      right: 228/2 - 36px;
    }
  }

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

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

  .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; }
}
