1//
2// Responsive: Tablet to desktop
3// --------------------------------------------------
4
5
6@media (min-width: 768px) and (max-width: 979px) {
7
8  #iconCarousel {
9    @size: 200px;
10    font-size: @size;
11    line-height: @size + 5;
12    .carousel-control {
13      top: @size + 30px;
14      .square(30px);
15      font-size: 40px;
16      line-height: 40px;
17      left: 228/2 - 40px;
18      &.right {
19        right: 228/2 - 40px;
20      }
21    }
22  }
23
24  .jumbotron-index {
25    padding: 50px 0;
26    h1 { font-size: 65px; }
27    p { font-size: 25px; }
28    .shameless-self-promotion { font-size: 12px; }
29  }
30
31  .jumbotron-ad {
32    p { font-size: 28px; }
33  }
34
35  .jumbotron-icon {
36    h1 small {
37      display: block;
38      margin-top: 15px;
39      margin-left: 0;
40      line-height: 20px;
41    }
42  }
43
44  .stripe-ad {
45    .lead {
46      margin: 0;
47      font-size: 19px;
48    }
49    @ad-width: 302px;
50    .span8 { width: 476px + 228px - @ad-width; }
51    .span4 { width: @ad-width; }
52  }
53
54  #why, #whats-new, #new-styles {
55    .span4 { width: 352px; }
56  }
57
58  .the-icons {
59    .span3 { width: 228px; }
60  }
61
62  .sticky-footer(110px, 40px, 40px, 60px); // sets default values for sticky footer
63  .footer {
64    padding-left: 20px;
65    padding-right: 20px;
66  }
67}
68