/* CSS Document for user  */

	
	.header {
		height:100px;
		background:#4E5167;
		 background-image: url('../images/mountains.svg');
			background-repeat: repeat-x;
			background-position: bottom left;
	}
	
	
	
	.header .header-logo {
		float: left;
	}
	.header .header-logo img {
		height: 80px;
   	 	margin: 10px 20px 10px 0;
	 	width:auto;
		display: inline-block;
	}
	
	
	
	.header .header-title {
		line-height: 100px;
		float: left;
		font-size: 3rem;
		color:#fff;
	}
	
		
	@media screen and (max-width: 767px) {
		.header .header-title {
			line-height: 1.5em;
			font-size: 2rem;
			margin-top: 50px;
    		transform: translateY(-50%);
		}
	}
	
	




	.navbar {
		border-radius:0;
		background:#030303;	
		margin-bottom:0;
	}
	
	
	
	.navbar .icon-bar {
		background-color:#fff;
	}
	
	.navbar a,
	.navbar li a {
		color:#fff;
	}
	
	
	.navbar li.section > a,
	.navbar li.current > a  {
		background-color:rgba(255,255,255,0.1);
	}
	
	.navbar li a:focus,
	.navbar li a:hover {
		background-color:rgba(255,255,255,0.2);
	}
	
	
	/* if fixed, give page space */
	
	.navbar-fixed-top + .main-area {
		margin-top:50px;	
	}
	
	
	
	/* drop down menu */
	
	.navbar-nav > li  ul {
		list-style: none;
		margin:0;
		padding:0;
	}
		
	.navbar-nav > li > ul li a {
		padding:15px;
		display:block;
		color:#fff;
	}

	
	@media screen and (min-width: 768px) {
	
		.navbar-nav > li > ul { 
			display:none;   
		}
		
		.navbar-nav > li:hover > ul {  
			
			display:block; 
			position:absolute; 
			border:1px rgba(0,0,0,.2) solid; 
			border-top:none; 
			width:200px; 
			z-index:999; 
			background:#030303;
		}
		
			

	}
	
	@media screen and (max-width: 767px) {
		
		
		.navbar-nav > li > ul > li > a { 
			padding-left:30px;
		}
		
		.navbar-nav > li > ul > li > ul > li > a { 
			padding-left:45px;
		}
	}
	
	/* sub level menus font sets smaller */	
		
	.navbar-nav > li > ul > li ul li a  {
		padding:10px 10px 10px 25px;
		font-size:.9em;
	}
	

	

	.banner {
		height:400px;		
		background: #666 url('../images/background.jpg');
		background-size: cover;
    	background-position: center center;
	
	}


	.main-area {
		
		background:#616161;
		
	}
	
	
	.main-area > .container {
		
		background:#ffffff;		
		padding-bottom:2rem;
		
	}
	


	footer {
		background:#3e4d38;
		
		    background-image: url('../images/mountains.svg');
			background-repeat: repeat-x;
			background-position: bottom left;
	
		padding:5rem 0;		
		color:#ffffff;
		
		
	}
	
	footer a {
		color:#ffffff;
	}