ul li {
    margin: 5px;
    text-align: left;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
}


.text-white-50 {
  font-size: initial !important;
}

.text-muted {
  font-size: initial !important;
}

.jeffCoLogo {
  padding-right: 6px;
}

@media (min-width: 992px)
#mainNavDark .navbar-brand {
  color: rgba:(255, 255, 255, 0.7);
}

#mainNavDark .navbar-brand {
  color: rgba:(255, 255, 255, 0.7);
}

#mainNavDark {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  transition: background-color 0.2s ease;
}

#mainNavDark .navbar-brand {
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
}

#mainNavDark .navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.75rem 0;
}

#mainNavDark .navbar-nav .nav-item .nav-link:hover, #mainNavDark .navbar-nav .nav-item .nav-link:active {
  color: white;
}

#mainNavDark .navbar-nav .nav-item .nav-link.active {
  color: #890a1d !important;
}

@media (min-width: 992px) {
  #mainNavDark {
    box-shadow: none;
    background-color: transparent;
  }
  #mainNavDark .navbar-brand {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  #mainNavDark .navbar-brand:hover {
    color: #fff;
  }
  #mainNavDark .navbar-nav .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.7);
    padding: 0 1rem;
  }
  #mainNavDark .navbar-nav .nav-item .nav-link:hover {
    color: #fff;
  }
  #mainNavDark .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
  }
  #mainNavDark.navbar-scrolled {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  #mainNavDark.navbar-scrolled .navbar-brand {
    color: #212529;
  }
  #mainNavDark.navbar-scrolled .navbar-brand:hover {
    color: #890a1d;
  }
  #mainNavDark.navbar-scrolled .navbar-nav .nav-item .nav-link {
    color: #212529;
  }
  #mainNavDark.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
    color: #890a1d;
  }
  nav ul li {
  list-style: none;
  width: auto;
  white-space: nowrap;
  }
}

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
text-align: center;
}

.disclaimer {
  text-align:center;
}

#vendorsDiv {
padding-top: 150px;
}

.extendPage {
height: 100vh;
}

@media (min-width: 992px)
#mainNavDark .navbar-brand {
  color: rgba:(255, 255, 255, 0.7);
}

#mainNavLight .navbar-brand {
  color: rgba:(255, 255, 255, 0.7);
}

#mainNavLight {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  transition: background-color 0.2s ease;
}

#mainNavLight .navbar-brand {
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  color: #212529;
}

#mainNavLight .navbar-nav .nav-item .nav-link {
  color: #6c757d;
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.75rem 0;
}

#mainNavLight .navbar-nav .nav-item .nav-link:hover, #mainNavLight .navbar-nav .nav-item .nav-link:active {
  color: #890a1d;
}

#mainNavLight .navbar-nav .nav-item .nav-link.active {
  color: #890a1d !important;
}

@media (min-width: 992px) {
  #mainNavLight {
    box-shadow: none;
    background-color: transparent;
  }
  #mainNavLight .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNavLight .navbar-brand:hover {
    color: #fff;
  }
  #mainNavLight .navbar-nav .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.7);
    padding: 0 1rem;
  }
  #mainNavLight .navbar-nav .nav-item .nav-link:hover {
    color: #fff;
  }
  #mainNavLight .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
  }
  #mainNavLight.navbar-scrolled {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  #mainNavLight.navbar-scrolled .navbar-brand {
    color: #212529;
  }
  #mainNavLight.navbar-scrolled .navbar-brand:hover {
    color: #890a1d;
  }
  #mainNavLight.navbar-scrolled .navbar-nav .nav-item .nav-link {
    color: #212529;
  }
  #mainNavLight.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
    color: #890a1d;
  }
}

.bg-primary-bw {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.bg-primary-courthouse {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead3b.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.vendorsPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.vendorsPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.vendorsPage h1 {
  font-size: 2.25rem;
}

@media (min-width: 992px) {
  header.vendorsPage {
    height: 100vh;
    min-height: 40rem;
    padding-top: 72px;
    padding-bottom: 0;
  }
  header.vendorsPage p {
    font-size: 1.15rem;
  }
  header.vendorsPage h1 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  header.vendorsPage h1 {
    font-size: 3.5rem;
  }
}


.aboutPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 0px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.aboutPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.aboutPage h1 {
  font-size: 2.25rem;
}

@media (min-width: 992px) {
  header.aboutPage {
    height: 100vh;
    min-height: 40rem;
    padding-top: 72px;
    padding-bottom: 0;
  }
  header.aboutPage p {
    font-size: 1.15rem;
  }
  header.aboutPage h1 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  header.aboutPage h1 {
    font-size: 3.5rem;
  }
}

.aboutPageMore {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 0px);
  background: #2e70de;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.newsPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.newsPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bham-masthead2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.newsPage h1 {
  font-size: 2.25rem;
}

@media (min-width: 992px) {
  header.newsPage {
    height: 100vh;
    min-height: 40rem;
    padding-top: 72px;
    padding-bottom: 0;
  }
  header.newsPage p {
    font-size: 1.15rem;
  }
  header.newsPage h1 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  header.newsPage h1 {
    font-size: 3.5rem;
  }
}

.h-150 {
  margin-top: 0px;
}

@media (min-width: 992px) {
  .h-150 {
    margin-top: 120px;
  }
}

#mainNavDark .navbar-brand:hover {
  color: white;
}

@media (min-width: 1200px) {
   #mainNavDark .navbar-brand:hover {
      color: white !important;
  } 
}

@media only screen and (max-width:768px) {
  #mainNavDark {
    min-width:300px;
    width: auto !important;
  }
}

@media only screen and (max-width:1200px) {
.textLayer {
    background-color: rgba(46, 112, 222, 0.7)
  }
}

#whatsNew {
  visibility: hidden;
  margin-top: 0px;
  margin-right: 15px;
}

#whatsNewMobile {
  visibility: hidden;
}

@media only screen and (max-width:1200px) {
.whatsNewDivMobile  {
    position: relative;
  }
}

#whatsNewDiv {
    position: relative;
}
#whatsNewDiv img {
    position: absolute;
    top: 0px;
    right: 0px;
}
.toastButton a:link {
  color: white !important;
}
.toastButton a:visited {
  color: white !important;
}

.navLeft {
  height: unset;
}

.navLeftUI {
  width: max-content;
  padding: 5px;
  list-style: none;
}

.navLeft:first-child {
  border-bottom: 1px solid lightgrey;
}

.vendorsPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.vendorsPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.1) 0%, rgba(92, 77, 66, 0.4) 100%), url("../Images/images2019/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.vendorsPage h1 {
  font-size: 2.25rem;
}

@media (min-width: 992px) {
  header.vendorsPage {
    height: 100vh;
    min-height: 40rem;
    padding-top: 72px;
    padding-bottom: 0;
  }
  header.vendorsPage p {
    font-size: 1.15rem;
  }
  header.vendorsPage h1 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  header.newsPage h1 {
    font-size: 3.5rem;
  }
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

a {
 font-weight: 600;
}

.subPage {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 0px);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  min-height: calc(100vh - 70px);
}

.footerTest {
 border-top: 1px solid rgb(240, 242, 244, .3);
  z-index: 2;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}