header{font-family: 'Roboto Condensed', sans-serif;}
.nav-container {margin: 0 auto;	color: white;}
.page-title{
	text-align: center;
	color: white;
	padding: 100px 0 50px;
	text-transform: uppercase;}
.page-title hr{
	width: 380px;
	border: 5px solid #005298;
	border-radius: 10px;}
.page-title h1{font-size: 3rem; margin-bottom: 15px;}


/* header images */
.index-img {background: 
	linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), 
	url(images/home-desk.jpg) center/cover;
	height: 100%;}
.intro-img {background: 
	linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), 
	url(images/head-intro.jpg) center/cover;}
.comp-img {background: 
	linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), 
	url(images/head-comp.jpg) center/cover;}
.conc-img {background: 
	linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), 
	url(images/head-conc.jpg) center/cover;
}


/* index page */
.indexing {padding-top: 300px;}
.page-title .indexH1{font-size: 3.5rem;}
.indexH2{font-size: 2rem;}
.myarrow{
	text-align: center;
	position: absolute;
	top: 96%;
	left: 50%;
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 7px;
	transform: rotate(45deg);
}


/* navigation */
nav {position: fixed; right: 0; width: 100%;}
.logo {padding: 15px; position: fixed; left:0; top:0;}
.logo a{text-decoration: none; color: inherit;}
.nav-menu{margin:3px 0;}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
 nav ul li { float: left; position: relative;}
 nav ul li a {
	display: block;
	padding: 10px;
	margin: 1px;
	color: white;
    text-decoration: none;
}
#downy{font-size: 0.9rem;}
nav ul li ul li {
    width: 100%;
    text-align: center;
}
.nav-dropdown {
	position: absolute;
	display: none;
	z-index: 1;
	background: #005298;
	border-radius: 20px;
}
nav ul li a:hover {
	background: #FDBF5C;
	color: #005298;
	border-radius: 20px;
	margin: 1px;
}
@media screen and (min-width: 800px) {
	.nav-menu {display: block !important; float: right;}
}

/* Mobile navigation */
.nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
}
@media only screen and (max-width: 799px) {
	.nav-mobile {display: block;}
	nav {width: 100%; padding: 50px 0 0;}
	nav ul {display: none;}
	nav ul li {float: none;}
	nav ul li a {
		padding: 10px 15px;
		margin: 0;
		background: #005298;
	}
	nav ul li a:hover {border-radius: 0; margin: 0;}
	nav ul li ul li a {text-align: left; padding-left: 50px;}
	.nav-dropdown {position: static;}
	.logo {color: white;}
	
}

#navi {
	position: absolute;
	top: 13px;
	cursor: pointer;
	padding: 10px;
}
#navi span, #navi span:before, #navi span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 25px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	transition: all 300ms ease-in-out;
}
#navi span:before {top: -7px;}
#navi span:after {bottom: -7px;}
#navi.active span {background-color: transparent;}
#navi.active span:before, #navi.active span:after {top:0;}
#navi.active span:before {transform: rotate(45deg);}
#navi.active span:after {transform: rotate(-45deg);}