/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body{padding-bottom:0px; color:#5a5a5a; margin:0px;}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper{position:absolute; top:0; right:0; left:0; z-index:20; font-size:13px;}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container{padding-right:0; padding-left:0;}
.navbar-wrapper .navbar{padding-right:15px; padding-left:15px;}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel{height:400px;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption{z-index:10; float:left; left:12%; right:12%; text-align::left; top:50px;}
/* Declare heights because of positioning of img element */
.carousel .item{height:400px; background-color:#777;}
.carousel-inner > .item > img{position:absolute; top:0; left:0; min-width:100%; height:500px;}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing{padding-right:15px; padding-left:15px;}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4{margin-bottom:20px; text-align:center;}
.marketing h2{font-weight:normal;}
.marketing .col-lg-4 p{margin-right:10px; margin-left:10px;}
/* Featurettes
------------------------- */

.featurette-divider{margin:80px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading{font-weight:300; line-height:1; letter-spacing:-1px;}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width:768px){/* Remove the edge padding needed for mobile */
  .marketing{padding-right:0; padding-left:0;}
/* Navbar positioning foo */
  .navbar-wrapper{margin-top:20px;}
.navbar-wrapper .container{padding-right:15px; padding-left:15px;}
.navbar-wrapper .navbar{padding-right:0; padding-left:0;}
/* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar{/*border-radius:4px; */
  }
/* Bump up size of carousel content */
  .carousel-caption p{margin-bottom:20px; font-size:21px; line-height:1.4;}
.featurette-heading{font-size:50px;}
}
@media (min-width:992px){.featurette-heading{margin-top:120px;}
}