body {
  background: #fff url(../images/bg.jpg) repeat top;
  background-size: cover;
} 

#logoImg {
  margin: auto;
  margin-bottom: 10px;
}
#login-container {
  position: relative;
  max-width: 600px;
  width:80%;
  margin: auto; 
  padding: calc(10px + 1.4vw);
  background-color: rgba(255,255,255, 0.95);
  -webkit-box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
          box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
}

.mid-screen{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.nav-pills {
  margin-bottom: 30px;
}

.nav-item {
  width: 33.33%;
  
  
}
.nav-link {
  padding: 15px;
  font-size: 20px;
  text-align: center;
  color: gray;
  font-size: calc(10px + 0.4vw);
}

.nav-link:hover {
  background: #6c757d;
  color: #ffffff;
}

.login-message {
  margin-top: 20px;
  font-size: 1.2rem!important;
}

.tab-content h1 {
  font-size: calc(22px + 1.1vw);
}
.tab-content {
  font-size: calc(10px + 0.2vw); 
}

h1 {
  text-align: center;
  font-weight: 300;
  margin-bottom: 30px;
}

h4 {
  text-align: center;
  font-weight: 200;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.background {
  top: 0px;
  left: 0px;
  width: 100%;
  height:100%;
  margin: 0 auto;
  position:absolute;
}