.assessmentNav{
	width: 100%;
	margin-bottom:2em;
}
.blueBarWrapper{
	width:100%;
	background-color: #54a7d3;
	height: 3.2em;
}
.blueBar{
	width:100%;
	max-width: 900px;
	display: flex;
	align-items: center;
	width:100%;
	background-color: #54a7d3;
	height: 3.2em;
	margin: -.5em auto 2em auto;
}
.blueBarImage{
	width:45%;
}
.blueBarImage img{
	width:100%;
	height:auto;
}
.logoWrapper{
	width:100%;
	max-width:900px;
	min-width: 250px;
	margin:2em auto;
}
.logo{
	width:35%;
	float:right;
	margin-bottom:2em;
}
.logo img{
	width:100%;
}
.home{
	width:20%;
	float:right;
}
.homeBtn{
	margin-top: 2em;
	padding: 2em;
	border-radius:15px;
	background-color: steelblue;
}
.grayBar{
	
	margin: 3em auto;
	width: 100%;
	max-width:900px;
	height: .5em;
	background-color: #222222;
}
@media only screen and (max-width: 500px) {
	.blueBarImage{
		width: 65%
	}
}