@import url('css/bootstrap.min.css') all;
@import url('css/heroic-features.css') all;

body{
	background-image: url('img/wallc.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.hero-spacer{
	margin-top:100px;
}
.navbar-brand{
	height: 150px;
}

#slider-wrapper{
	margin-bottom: 10px;	
}

.page{
	float: left;
	width: 100%;
	background: #FFF;
	padding: 50px;
	border-bottom: 2px solid #EEE;
	min-height: 500px;
}

.page p{
	text-align: justify;
	line-height: 1.8em;
	padding: 10px 0px;
	text-indent: 10px;
}

.page header{
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.thumb{
	border:1px solid #EEE;
	padding: 10px;
	margin: 5px;	
}

.thumb:hover{
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);

}

.navbar-default{
	background-color: #FFF;
	
}

#mainNav.affix-top{
	background:rgba(255,255,255,0.6);
}

#mainNav.affix-top.navbar-default .navbar-nav>li>a{
	color:#403131;
	font-weight: bold;
}

#mainNav.affix-top.navbar-default .navbar-nav>.active>a, #mainNav.affix-top.navbar-default .navbar-nav>.active>a:focus, #mainNav.affix-top.navbar-default .navbar-nav>.active>a:hover{	
	color:#FFF;
}
#mainNav.affix-top.navbar-default .navbar-nav>li>a:focus, #mainNav.affix-top.navbar-default .navbar-nav>li>a:hover, #mainNav.affix-top.navbar-default .navbar-nav>.active>a{
	color:#FFF;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background: #4f5071;
	color:#FFF;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a{
	background: #2d2f92;
	color:#FFF;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

@media (min-width: 1200px){
	.navbar-nav li a{		
		margin-top: 30px;
		padding-top: 50px;
		padding-bottom: 35px;
	}
}

@media (max-width: 1199px){
	.navbar-nav{
		float:none !important;
		margin-top: 30px;
	}
}

@media (max-width: 768px){
	.navbar-brand{
		float:none;
	}
	.navbar-brand img{
		margin: 0 auto;		
	}
	
	#mainNav{
		position: relative;
		margin-top: 0px;
	}

	body{
		padding-top: 10px;
	}

	.navbar-nav li{
		background-color: #FFF;
	}

	.hero-spacer{
		margin-top: 5px;
	}

}

footer{
	color:#FFF;
	border-top: 2px solid #FFF;
	/*background:#2d2f92;*/
	background-color: rgba(45,47,146,0.8);
	padding: 30px;
	margin: 10px 0px 0px 0px;	
}