/* GLOBAL STYLES-------------------------------------------------- *//* Padding below the footer and lighter body text */body{/*padding-bottom: 40px;*/ color: #5a5a5a;}/* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */@media (min-width: 1200px){/* Carousel base class */.carousel{height: 579px; margin-bottom: 40px;}/* Since positioning the image, we need to help out the caption */.carousel-caption{z-index: 10;}/* Declare heights because of positioning of img element */.carousel .item{height: 579px;}.carousel-inner > .item > img{position: absolute; top: 0; left: 0; min-width:100%; height: 579px;}}/* MARKETING CONTENT-------------------------------------------------- *//* Center align the text within the three columns below the carousel */.marketing .col-lg-4{margin-top:20px; 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){/* 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: 420px) and (max-width: 1190px){.carousel{margin-bottom: 10px;}}@media (min-width: 992px){.featurette-heading{margin-top: 120px;}}