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

body {padding-top: 3rem; padding-bottom: 0; color: #5a5a5a;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


.carousel { margin-bottom: 4rem;}
.carousel-caption { bottom: 3rem; z-index: 10;}
.carousel-caption_f {color:#FFF; text-shadow: 1px 1px 3px #333;}

/* Declare heights because of positioning of img element */
.carousel-item { height: 40rem;width:100%;background-color: #777;}
.carousel-item > img {position: relative ;top: 0;left: 0;max-width: 100%;height: 100%;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 { margin-bottom: 1.5rem;text-align: center;}
.marketing h2 { font-weight: 300;}
.marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem;}

/* Featurettes
------------------------- */

.featurette-divider { margin: 5rem 0; /* Space out the Bootstrap <hr> more */}

/* Thin out the marketing headings */
.featurette-heading { font-weight: 300; line-height: 1;letter-spacing: -.05rem;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
.carousel-caption p { margin-bottom: 1.25rem;font-size: 1.25rem;line-height: 1.4;}
.carousel-caption_f {color:#FFF; text-shadow: 1px 1px 3px #333;}
.featurette-heading {font-size: 30px;}
}

@media (min-width: 62em) {.featurette-heading {margin-top: 7rem;}}

@media (max-width:768px) {
.featurette-heading {font-size: 18px;margin-left:5px;}
.text-muted{ margin-left:5px; font-size:0.9rem;color:#6c757d!important}
.lead{font-size:0.9rem;font-weight:300;margin-left:5px;}
.carousel-item { height: 30rem;width:100%;background-color: #777;}
.carousel-item > img {position: relative ;top: 50px;left: 0;max-width: 100%;height: auto;}

}