.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  margin-right: 0;
  top: 0;
}

/* START NAVBAR STYLES */
.navbar-nav a {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: lighter;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0px 20px;
}
.navbar-brand img {
  height: 60px;
  padding-left: 0px;
}
.navbar-light .navbar-nav .active>.nav-link {
  font-weight: bold;
  color: #00aea9;
}
.navbar-light .navbar-toggler {
  border-color: transparent;
}
.navbar-toggler:focus {
  outline: none !important;
}
.navbar-toggler[aria-expanded="true"] {
  background-color: #54565A;
  border-color: transparent;
}
.su {
  left: -22px;
  min-width: 0;
}
.li {
  left: -58px;
  min-width: 0;
}
.fa-bars {
  color: #00aea9;
}
.phone {
  color: #6f7271;
  padding-right: 15px;
}
.alert-washington {
  color: #fff;
  font-size: 1rem;
  background-color:#003057;
  border-color: #003057;
  line-height: 10px;
  margin-bottom: 0;
}
.alert-washington a {
  color: #fff;
}
.navbar-compressed {
  background: #ffffff;
  box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.1);
}

/* NEW FOR 2022 */
/* MEGA NAV */
html {
  scroll-padding-top: 94px;
}
.nav-space {
  margin-top: 80px;
}
@media (max-width: 768px) {
  .nav-space {
    margin-top: 68px;
  }
}
.nav-btn a {
	text-decoration:none;
  color:#54565a;
  cursor: pointer;
}
/* .nav-btn::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
} */
.nav-btn::after {
  display: none;
}
.nav-btn-open::after {
  font: var(--fa-font-solid);
	content:"\f0c9";
  /* font-family:"Font Awesome 5 Pro"; */
  /* font-weight: 900; */
	/* transition-property:all .2s linear 0s; */
}
/* .nav-btn-open:hover::after{
	color:#00aea9;
} */
.nav-btn-close::after {
  font: var(--fa-font-solid);
	content:"\f00d";
  /* font-family:"Font Awesome 5 Pro"; */
  /* font-weight: 900; */
	/* transition-property:all .2s linear 0s; */
}
/* .nav-btn-close:hover::after {
	color: #00aea9;
} */
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:80px;
  left: 0;
	height:250px;
	width:100%;
	background:#f8f9fa;
	/* overflow:auto; */
	z-index:99;
}
.wrap {
	text-align:center;
	max-width:90%;
	margin:0 auto;
}
.wrap ul.wrap-nav {
	text-transform:capitalize;
	padding:10px 0px 0px;
}
.wrap ul.wrap-nav li {
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
}
.wrap ul.wrap-nav li a {
	color:#54565a;
	display:block;
	padding: 2px 0;
	text-decoration:none;
  font-size: 15px;
	transition-property:all .2s linear 0s;
}
.wrap ul.wrap-nav ul {
	padding:5px 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:13px;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#545454;
}
.wrap ul.wrap-nav ul li a:hover {
	color:#00aea9;
}
.wrap-nav p {
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
	.wrap ul.wrap-nav>li {
		width:25%;
	}
	.wrap ul.wrap-nav {
		padding:5px 0px 0px;
	}
  .navbar-brand {
  top: 10px;
}
}
@media screen and (max-width:576px) {
	.wrap ul.wrap-nav>li a{
    font-size: 12px;
	}
  .overlay {
    height: 335px;
    top: 65px;
  }
}
@media screen and (max-width:415px) {
  .overlay {
    height: 260px;
    top: 65px;
  }
}
.mega-nav .dropdown-menu {
  min-width: 0;
}
.navbar-nav .hamb {
  font-size: 2rem;
}
/* MEGA NAV */

.grow {
  transition: all 0.2s ease-in-out;
}
.grow:hover {
  transform: scale(1.5);
  color: #717271;
  text-decoration: underline;
}
/* END NAVBAR STYLES */