@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%; } } .sticky-footer(271px, 60px); .hide-sm { display: none; } }