/************************************************************************************
Home Page
*************************************************************************************/

.carousel-background {
    background-image: url(../img/home-collage-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333;
    min-height: 520px;
}

#carousel1,#carousel2,#carousel3,#carousel4,#carousel5,#carousel6 {display:none;}

.home-box-image {
    padding: 0;
    min-height: 100px;
}

.home-box-image .carousel, .home-box-image .slide {
    margin: 0;
}

.home-box-image > .carousel > .carousel-inner > .item > img, .home-box-image > .carousel > .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 100%;
    width: 100%; 
}

.home-box-image > .carousel > .carousel-inner > .item > .carousel-caption {
   background: rgba(210,210,210, 0.8);
    bottom: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    right: 0%;
    left: 0%;
    text-shadow: 1px 1px 0 rgb(0,0,0), 3px 3px 0 rgba(51,51,51, 0.25);
   
}

.home-box-image > .carousel > .carousel-inner > .item > .carousel-caption h3 {
    margin-top: 3px;
    margin-bottom: 0px;
    width: 100%;
}

.web span.badge, .inf span.badge, .pro span.badge {
    background-color: #d2d2d2;
    font-size: 125%;
}

div.LogoCarousel {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#logoCarousel img {
    max-width: 150px;
}

@media (max-width: 1152px) {
    .carousel-background {
    min-height: 430px;
}
}   

@media (max-width: 1024px) {
    .carousel-background {
    min-height: 430px;
}
}

@media (max-width: 800px) {
    .carousel-background {
    min-height: 332px;
}
}

@media (max-width: 767px) {
    .carousel-background {
        background-image: none;

    }


}

@media (max-width: 768px) {

.web .list-group-item, .inf .list-group-item, .pro .list-group-item{
    font-size: 80%
}

.web span.badge, .inf span.badge, .pro span.badge {
    font-size: 80%;
    margin-left: 1px;
    margin-right: 0px;
}
}

@media (max-width: 640px) {
    .carousel-background {
    min-height: inherit;
}
}