.nav-menu-close {
  position: absolute;
  top: 37px;
  left: 30px;
  display: none;
}
.nav-menu {
  position: absolute;
  top: 37px;
  left: 30px;
  display: block;
}
.mobile-nav {
  top:104px;
  font-family: 'Open Sans Condensed', sans-serif;
	background: rgba(250,250,250,.95);
	width: 280px;
	position: fixed;
	left: -280px;
	z-index: 999;
	text-decoration: none;
	list-style: none;
  height: calc(100% - 104px);
  -webkit-height: calc(100% - 104px);
  -webkit-height: calc(100% - 104px);
	/*display: none;
  background-color: #fff;
  background: rgba(0,0,50,.95);
	overflow:auto;#BCF0F3
  color: #fff;
  #23527C*/
  overflow:auto;
  /*background-color: #141145;*/
  background-color: #fff;
  opacity: 0;
}
.mobile-nav ul {
  padding-left: 15px;
  padding-right: 15px;
}
.mobile-nav ul li {
  list-style: none;
  display: block;
  border-bottom: 1px solid rgba(55, 58, 60,.4);
}
.mobile-nav ul li:first-child {
  border-top: 1px solid rgba(55, 58, 60,.4);
}
.mobile-nav ul li a:first-child {
  color: #373A3C;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  padding: 20px 0px 10px 30px;
}
.mobile-nav ul li a {
  color: #373A3C;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  padding: 10px 0px 10px 30px;
}
@media screen and (min-width: 839px) {
  .nav-menu {
    display: none;
  }
}