@charset "UTF-8";
/* CSS Document */

body {margin: 0;}


.jumbo {padding: 0 15px;
	outline: none;}


.carousel-inner img {width: 100%;}
	
.carousel-control {text-shadow: none;
	opacity: 1;
	top: 35%;
	bottom: 170px;
	padding: 50px 0;
	margin: 0;}
.carousel-control:hover {opacity: 1;}
.carousel-control.left {left: 0;}
.carousel-control.right {right: 0;}
.carousel-control .glyphicon-left-arrow {margin-left: -60px;}
.carousel-control .glyphicon-right-arrow {margin-right: -60px;}
.carousel-indicators {bottom: 0;}




@media (max-width: 1200px) {
	.carousel-indicators {margin-bottom: 5px;}
	
	.headline_container {bottom: 40px;}
}

@media (max-width: 992px) {
	.carousel-control {top: 30%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -40px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -40px;}
	
	.headline_container {width: 300px;
		right: 20px;
		padding: 0 15px;}
	.headline_container h4 {font-size: 16px;
		margin-bottom: 0;}
}


/*collapse navbar*/
@media (max-width: 768px) {
	.carousel-control {top: 25%;}
	
	.jumbo {padding: 0;}
	.headline_container {padding: 0 15px;
		right: 20px;}
	.headline h4 {font-size: 16px;}
	
}

@media (max-width: 700px) {
	.carousel-indicators {display: none;}

	.headline_container {bottom: 20px;}
}


@media (max-width: 600px) {
	.carousel-control {top: 20%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -30px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -40px;}
	
	.sm_headline {display: block;
		background-color: #c00;
		width: 300px;
		position: absolute;
		bottom: 10px;
		right: 10px;
		padding: 8px 8px 2px;
		color: white;
		font-size: 12px;
		margin: 0;}
	.sm_headline a {color: white;}
	.headline_container {display: none;}
	
}


@media (max-width: 480px) {
	.carousel-control .glyphicon {display: none;}

}