header {
    font-family: 'Raleway', sans-serif;
}

.header-bg {
    height: 30vh;
    background: rgba(0,0,0,0.5);
    background-image: url(../../Images/Common/header-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: hue;
}

header .navbar-transparent {
  background: transparent;
}

#btn-login {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    color: #0000FF;
}

    #btn-login:hover {
        background-color: #FFFFFF;
        color: #FFC20E;
    }

#btn-signup {
  background-color: #0000ff;
}

#btn-signup:hover {
  opacity: 1;
  background-color: #030DD8;
}

#nav-1 .nav-item {
  padding: 0px 5px;
}

#nav-2 .nav-item {
  padding: 0px 5px;
}

#nav-2 button {
  width: 100px;
}

.nav-link {
  color: #fff !important;
}

.nav-link:hover {
  color: #FFC20E !important;
}