/** Add your custom CSS styles to this file. **/

.btn-primary, input[type="submit"], button[type="submit"]{
	background-color: #001167 !important;
	border-color: #001167 !important;
}

.carousel-caption: hover .btn-primary{
	background-color: #576898 !important;
	border-color: #576898 !important;
}

.carousel .item img.darken {
	opacity: 1;
}

.nav li:hover a{
	background: transparent !important;
	
}

.navbar-default .navbar-brand {
	padding-top: 17px;
}

.carousel-caption, p, div{
	font-weight: 400;
}

.buffer{
	display:none;
}

.content a{
	font-weight: bold;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background: transparent !important;
	color: #576898 !important;
}

.btn-lg{
	padding: 10px 70px;
}

.carousel-caption.left{
	font-size: 100%;
	max-height: 300px;
}

body{
	color:#777;
	font-size: 15px;
	line-height: 1.4;
}

footer{
	margin:0;
	padding:0;
}

.page-header h1{
	margin-top: 0;
	color: #576898;
}

.page-header{
	margin-top: 0;
}

@media (max-width: 1081px){
	.carousel-caption.left{
		
	}
	
	.carousel-caption.left h2{
		
	}
}

@media (max-width: 965px){
	.carousel-caption.left{
		
	}
	
	.carousel-caption.left h2{
		margin-top:0;
	}
}

@media (max-width: 820px){
	.carousel-caption.left{
		font-size: 14px;
		
	}
	
}

@media (max-width: 768px){
	
	.carousel{
		display:none;
	}
	
	#slider-mobile{
		display: block !important;
	}
	
	.home .content{
		text-align:center !important;
	}
	
	#about-emma img{
		margin-bottom:10px;
	}
	
	footer p{
		text-align:center !important;
	}
	
}

@media (min-width: 768px){
	.navbar-nav>li{
		font-weight: 600;
		font-size: 15px;
	}
	
}