.navbar-dark .navbar-nav a.nav-link {
  color: #ffffff;
  font-size: 1.1em;
}
.dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 0;
  padding: 0.7em;
}
	
@media only screen and (min-width: 992px) {
	.menuParksLarge {left: -315px;}
	.dropdown:hover .dropdown-menu {display: flex;}
	.dropdown-menu.show {display: flex;}
}
.dropdown-menu ul {
  list-style: none;
  padding: 0;
}

.dropdown-menu li .dropdown-item {
  /*color: gray;*/
  color: #b61c1c;
  font-size: .9em;
  padding: 0.2em 0.2em 0.2em 0;
  border-bottom: 1px dotted #ccc;
}
.dropdown-menu li .dropdown-item:hover {
  background-color: #f1f1f1;
}
.dropdown-menu li:first-child a {
  font-size: .9em;
  /*text-transform: uppercase;*/
  color: #b61c1c; /*516beb*/
}
.dropdown-menu li:first-child a:hover {
  background-color: #f1f1f1;
}

.dropdown-menu ul h3.dropHeaderTitle  {font-size: 1.1em;}

.dropdown-menu ul.leftCol {margin-right: 20px;}
.dropdown-menu ul.rightCol {margin-right: 5px;}

.parkNameNoLink {border-bottom: 1px dotted #ccc; display: block;}

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


}

@media only screen and (max-width: 992px) {
  .dropdown-menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
.navbar-dark .navbar-nav a.nav-link {color: #312727;}
h3.dropHeaderTitle { margin: .6em 0 .2em;}
.dropdown-menu li:first-child a .dropdown-menu li .dropdown-item a { font-weight: bold;}


}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}