/* Containers & Wrappers */
.login-container{
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Raza Logo (one on top-left) */
.login-base{
  position: relative;
  /* background-color: #22f380; */
}
.raza-logo-container{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.raza-logo{
  width: 100px;
  height: auto;
}

/* Background Image */
.login-base {
  background-image: url('../images/raza-login-background.jpg');
  background-size: cover;
  background-position: 0 0;
}

/* Login Form Box */
.login-form-box{
  margin: 0;
  border-radius: 0;
  background-color: transparent;
}

.login-form-box-inner{
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;

  flex-wrap: wrap;
}

/* Typography */
.login-typography-container{
  width: 600px;
  max-width: 100vw;
  padding: 20px;
  
  background-color: #1A191D;
}
.login-typo-title{
  margin: 7px 4px;

  color: #DD7B58;
  font-size: 60px;
  font-family: Teko;
  letter-spacing: 1.5px;
}
.login-typo-subheading{
  margin-bottom: 20px;

  color: #fff;
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  text-align: center;
}
.login-typo-lead{
  color: #fff;
  font-size: 18px;
  text-align: center;
}

/* Form */
.login-form-container{
  padding: 40px;
  background-color: #fff;
}

@media screen and (max-width: 1050px){
  .login-form-box-inner{
    margin-top: 100px;
  } 
}
