.carousel {
	margin: 0 !important;
	
}

.carousel-indicators {
	margin: 0;
}


.hero-banners {
	background-size: cover;
	background-position: center center;
}

div.item {
	padding: 13em 0 13em;
}

.heading-hero-container h1 {	
	color: white;
	text-align: center;
	background-color: rgba(10, 21, 180, .8);	
	padding: .04em 1.2em .04em;
	font-size: 1.8em;
	margin: 0;
}



a.carousel-control {
	border: 0px;
	background-color: transparent;
}


.button-to-center {
	text-align: center;
}


.button-hero {
	padding: .8em 1em .8em;
	background-color: #635e58;
	color: white;
	text-transform: uppercase;
	font-size: 1.5em;
	transition: .6;

}.button-hero:hover {
	color: white;
	background-color: #726e69;

}





@media screen and (min-width: 860px) {
	.heading-hero-container h1 {	
		padding: .04em .2em .04em;
		line-height: 1.47;
		font-size: 3em;
		display: inline;		
	}


	.button-to-center {
		text-align: left;
	}

}