h1 h2 {
  color: #015270;
}

h3 h4 h5 h6 {
  color: #539149;
}

.navbar-logo {
  background-image: url("../img/logo-prc-menu-white.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100px 30px;
  display: inline-block;
  width: 110px;
}

#about-modal img {
  padding-top: 35px;
}

.login {
  margin-top: 0;
  width: 15%;
  position: relative;
  z-index: 1;
  bottom: 55px;
}

.login-logo {
  padding-top: 60px;
  z-index: 0;
}

.login-logo img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 900px;
  border-radius: 20px;
}

.navbar.navbar-inverse {
  background: #000;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > li:hover,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #055096;
}

.vertical-panel .well {
  border: 0;
  padding: 0;
}

body .login-background ~ .container.vertical-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

#qsLoginBtn img {
  display: none;
}

#qsLoginBtn {
  font-size: 0;
  background-color: #1A4F98;
  background-border: #1A4F98;
}

#qsLoginBtn::after {
  content: "Login";
  font-size: 14px;
}

.login-background {
  background: url('https://ridecommand.evtrails.com/api/media/file/186') #ddd no-repeat center center fixed;
  background-size: cover;
}

.navbar-nav a[href$='login'] {
  display: none;
}