@media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
  #icon-carousel {
    @size: 200px;
    font-size: @size;
    line-height: @size + 20;
  }
  .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: 0;
    font-size: 19px;
  }

  .fonticons {
    .action { width: 33%; }
  }

  .hide-sm { display: none; }
}
