/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Home Page Carousel */

header.carousel {
	height: 280px; 
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .carousel-caption {
	right:5%;
	top:0px;
	bottom:20px;
	left:8%;
}

header.carousel .carousel-caption h1 {
	font-size: 25px;
	font-weight: bold; 
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	color: white;
	text-shadow: silver 0 0 10px;
	border-bottom: 0px; 
}

header.carousel .carousel-caption h2 {
	font-size: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	color: white;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

header .carousel-control {
	width: 5%;
	color: #ffffff;
	opacity: .9;
}

header .carousel-indicators {
	bottom: 5px;
}

/* Responsive Styles */

@media(max-width:100%) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:100%) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}