.header-container {
  background: linear-gradient(to bottom,rgb(50,50,50),rgb(90,90,99));
  height: 6vh;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}

.mobile-seperator {
 display: flex;
 align-items: center;
 width: 50%;
 justify-content: space-evenly;
}

.header-title {
 font-size: 22px;
 color: white;
 text-shadow: 2px 2px 2px black;
 margin-left: 12%;
 margin-right: 2%;
}

.sitename-header-title {
 height: 5.5vh;
 width: auto;
}

.header-login {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 18%;
}

.welcome-text {
 color: white;
 font-family: sans-serif;
 border: 1px solid white;
 padding: 4px 12px;
}

.dashboard-return-button {
 text-decoration: none;
 color: white;
 font-family: sans-serif;
 background: rgb(10,100,240);
 padding: 4px 12px;
 box-shadow: 2px 2px 4px black;
 transition-duration: 250ms;
}

.dashboard-return-button:hover {
 box-shadow: 1px 1px 3px black;
 cursor: pointer;
}

.logout-btn {
 text-decoration: none;
 color: white;
 font-family: sans-serif;
 background: rgb(180,40,40);
 padding: 4px 12px;
 box-shadow: 2px 2px 4px black;
 transition-duration: 250ms;
}

.logout-btn:hover {
 box-shadow: 1px 1px 3px black;
 cursor: pointer;
}