2 -------------------------------------------------- */
3 /* Padding below the footer and lighter body text */
12 /* CUSTOMIZE THE NAVBAR
13 -------------------------------------------------- */
15 /* Special class on .container surrounding .navbar, used for positioning it into place. */
23 /* CUSTOMIZE THE CAROUSEL
24 -------------------------------------------------- */
26 /* Carousel base class */
30 /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
33 /* Since positioning the image, we need to help out the caption */
38 /* Declare heights because of positioning of img element */
42 .carousel-inner > .item > img {
53 -------------------------------------------------- */
55 /* Pad the edges of the mobile views a bit */
61 /* Center align the text within the three columns below the carousel */
62 .marketing .col-lg-4 {
69 .marketing .col-lg-4 p {
76 ------------------------- */
79 margin: 80px 0; /* Space out the Bootstrap <hr> more */
82 /* Thin out the marketing headings */
92 -------------------------------------------------- */
94 @media (min-width: 768px) {
96 /* Remve the edge padding needed for mobile */
102 /* Navbar positioning foo */
106 /* The navbar becomes detached from the top, so we round the corners */
107 .navbar-wrapper .navbar {
111 /* Bump up size of carousel content */
112 .carousel-caption p {
118 .featurette-heading {
124 @media (min-width: 992px) {
125 .featurette-heading {