@charset "UTF-8";
/* CSS Document */



header {
	background-color: #283489;
	width:100%;
	height:auto;
	min-height: 80px;
	max-height: 120px;
	margin:0;
	padding:0% 0 0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: baseline;
	position:fixed;
	z-index: 100;
	box-shadow: 0px 2px 20px 0 black;
	
}

#ComingSoonHeader {
	text-align: center;
	padding:4% 6%;
	font-size: 2.5em;
}

/* --- Logo Div --- */

#R-Header-Logo-Div {
	width:35%;
	padding: 0%;
	margin:0;

}

#Rise-Header-Logo {
	width:100%;
	Margin:0 0%;
	padding:0;
}


/* --- Navigation Div --- */

#Header-Nav-Div {
	width:65%;
	padding:0%;
	position:relative;
	margin:0;
}

#Header-Nav-UL {
	width:100%;
	margin:0;
	padding:.5% 0 .5%;
	list-style: none;
	height:auto;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items: baseline;
	align-content:center;
}

.HeaderNavLinks {
	display:block;
	border-right:solid white 1px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 1em;
	font-weight: bolder;
	padding:0 0 0 0;
	width:30%;

}

.HeaderNavLinks:hover {
	color: #F7941E;
}

#ContactLink {
	border:none;
}

/* ---- ------ ------ ----- -- --- -- - SCREEN CODING ---- - ---- --- ---- - - - - - - --- */

@media only screen and (max-width: 1000px) {
	
	.HeaderNavLinks {
		font-size: .8em;
	}
	
}

@media only screen and (max-width: 915px) {
	
	#Header-Nav-UL {
		flex-wrap: wrap;
		align-items: center;
	}
	
	#Header-Nav-Div {
		width:100%;
	}
	
	#R-Header-Logo-Div {
		width:100%;
		padding: 0%;
		margin:0;

	}
	
	#Rise-Header-Logo {
		width:80%;
		max-height:100px;
		Margin:0 10%;
		padding:0;
	}
	
	header {

		min-height: 150px;
		max-height: 200px;
	}
	
		
	.HeaderNavLinks {
		font-size: 1em;
		padding:5px 0;
		border:none;
	}
	
}