@media only screen and (max-width: 767px) {

.topBar a{
	float:none;
	text-align:center;
}

.topBar h1{
	border-left:0px solid #9D9D9D;
	border-top:1px solid #9D9D9D;
	border-bottom:1px solid #9D9D9D;
	margin:20px 0 20px 0;
	padding:20px 0 20px 0;
	text-align:center;
	float:none;
}

.logo{
	text-align:center;
}

.topBar h2, .topBar h3{
	text-align:center;
}

#lcolFormHead {
	margin:10px 0 0 0;
}

#heroImage{
	height: 280px;
	background:#000;
}