html,
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
}
h1,h2 {
	font-weight: 800;
}

h1.legal {
	margin-top: 16px;
	font-size: 2em;
}

/* narrow default container */
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

.navbar {
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	z-index: 9999 !important;
	border: none;
	padding: 5px;
	background:rgba(64,64,64,0.3);	
}

	.sticky-top {
		background: #404040;
	}
	
	.navbar #logo-img {
		background: url('/assets/img/logo-full-50px.png');
		height: 50px;
		width: 182px;
	}
	
		.sticky-top #logo-img {
			/*width: 38px;*/
		}



/* Main Video container */
.video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%; 
	overflow: hidden;
	background-size: cover;
	background-color: #001010;
	/*
	position: absolute; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background-size: cover; 
	*/
}

.video-container video {
	/* Make video to at least 100% wide and tall */
	min-width: 100%; 
	min-height: 100%; 

	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;

	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.video-container .overlay-color {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #6ba0d3;
	opacity: 0.3;
}

.overlay {
	background: rgba(0,0,0,0.0);
	position: absolute;
	left: 0;
	right: 0;
	width: 90%;
	padding-top: 25vh !important;
	margin: auto auto 1em;
	box-sizing: border-box;
	padding: 2em;
	line-height: 1.5;
	text-align: center;
}

.overlay :last-child { margin-bottom: 0; }

.overlay h1 {
	text-align: center; 
	font-size: 7vw !important; 
	font-weight: 800; 
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 0 .1em #808080;
}

.overlay h2 {	
	position: relative; 
	font-size: 4vw !important; 
	line-height: 4vw !important; 
	font-weight: 500; 
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #eee;
	/*text-shadow: 0 0 .1em #c0c0c0;*/
}

.overlay p {
	padding: 16px;
	font-size: 1.75em;
	color: #eee;
	text-shadow: 0 0 .9em #000;
	margin: 1.2em 0;
}
.overlay a {
	color: #fff;
}
/* End - Main Video container */



/* Content areas */

.meetus {
	padding-top: 40px;
	padding-bottom: 40px;
}
	.meetus h2 {
		color: #0a5893;
	}

	.meetus h3 {
	}

.whatwedo i {
	color: #469ad4;
	font-size: 3em;
	font-weight: bold;
}


.section {
	padding: 32px 0 32px 0;
}

.section h2 {
	margin-top: 26px;
}

.section-header {
	background-color: #071840;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(10,88,147,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(10,88,147,1) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(10,88,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#0a5893",GradientType=1);
}
	.section-header h2 {
		color: #fff;
		font-size: 4.5vw;
	}

	.section-header h3 {
		color: #9ed0f0;
		font-size: 2.5vw;
	}

.section-odd {
	background-color: #084c80;
}
	.section-odd h2 {
		color: #fff;
	}

	.section-odd h3 {
		color: #ccc;
	}
	.section-odd p {
		color: #fff;
	}
	.section-odd a {
		color: #9ed0f0;
	}
	
.section-even {
}
	.section-even h2 {
	}

	.section-even h3 {
		color: #084c80;
	}
	.section-even p {
		color: #202020;
	}
	.section-even a {
		color: #084c80;
	}

/* End - Content areas */




/* Footer */
#footer {
	padding-top: 32px;
	padding-bottom: 16px;
	background: #1e1e1e;
	color: #9c9a9a;
	font-size: 0.9em;
}

#footer h4 {
	color: #2b7fba;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#footer ul {
	list-style: none;
	padding-left: 4px;
}
	#footer ul li a {
		text-decoration:  none;
		color: #c0c0c0;
	}

#footer .text-inverse {
	color: #469ad4;
}

#footer-copyright a {
	color: #9c9a9a;
	font-size: 0.9em;
}



/* Extras */
@keyframes blinking {
	0% { color: #fc6a03; }
	50% { color: #fcae1e; }
	100% { color: #f63;	}
}
.fire { animation: blinking 1s infinite; }