.main-menu {
  background: #eee
}
.navbar-toggler {
  background-color: #f2d257;
  border: 1px solid#f2d257
}
.bg-light {
  background: #fff
}
.navbar {
  padding: 0px !important
}
.navbar-light .navbar-nav .nav-link {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  padding: 19.5px 0;
  padding-right: 27px
}
.navbar-light .navbar-nav .nav-link i {
  margin-left: 5px;
  font-size: 18px
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left
}
.dropdown-content a:hover {
  background-color: #ddd
}
.dropdown:hover .dropdown-content {
  display: block;
  border-top: 5px solid #f2d257
}
.color-yellow {
  color: rgb(242, 210, 87)
}
.closebtn {
  color: rgba(255, 255, 255, .3);
  font-size: 50px;
  text-align: right;
  margin-top: -20px
}
.closebtn:hover {
  color: rgba(255, 255, 255, .7);
  text-decoration: none;
  z-index: 999
}

/*border*/
.navbar-light .navbar-nav a:after{
  display: block;
  content: '';
  border-bottom: solid 3px #f2d257;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  position: relative;
  top: 19px;
}
.navbar-light .navbar-nav a:hover:after { transform: scaleX(1); }
.membership-table tr td span{
  color: red;
  font-weight: 600;
}