#header .img-p {
  left: 2rem;
  z-index: 1;
}

#header .pull-right {
  position: absolute;
  right: 1rem;
  z-index: 0;
}

#header .skybar {
  background-color: #FF0000;
}

#header .skybar .navbar-nav .nav-link, #header .skybar .fa-search, #header .skybar .fa-home, #header .skybar .navbar-toggler {
  color: #fff;
}

#header .skybar .fa-home {
  display: none;
}

#header .skybar .nav li a:hover {
  color: #000;
}

#header .menubar .nav {
  margin-top: -1px;
}

#header .menubar .nav li a:hover {
  border-bottom: #ff0000 4px solid;
}

#header .menubar .active {
  border-bottom: #ff0000 4px solid;
}

#header .menubar .navbar-nav .nav-link {
  color: #4A4A4A;
}

#header .logo-genius {
  background: url(/assets/img/genius_outline.png) no-repeat 0px 0px;
  background-size: contain;
  margin-top: 4px;
}

#header .footer-logo {
  background: url("/assets/img/logo_shadow.svg") no-repeat 0px 0px;
}

#header .nav-item .btn-secondary {
  background-color: #fff;
}

#header .nav-item .btn-secondary:hover {
  background-color: #F2F2F2;
}

#header .modal-header h5 {
  color: #FF0000;
}

#header .modal-body .btn-secondary {
  background-color: #ff0000;
  color: #fff;
}

@media screen and (max-width: 544px) {
  #header .menubar {
    height: 0;
  }
  #header .img-p {
    width: 80px;
    height: 30px;
    left: 0;
  }
  #header .img-p .logo-genius {
    background: #fff url("/assets/img/logo_color.svg") no-repeat center center;
  }
}