@font-face {
  font-family: "Century";
  src: url('Century.ttf');
}

html {
  height: 100%;
}

body {
  height: 100%;
}

.row {
  margin-bottom: 0 !important;
}

.hero {
  height: 100vh;
}

.hero1 {
  background-image: url('coffee-839233_1920.jpg');
  background-size: cover;
}

.hero2 {
  background-image: url('coffeeBeans.jpg');
  background-size: cover;
}

.hero3 {
  background-image: url('pexels-og-mpango-4090604.jpg');
  background-size: cover;
}

.login {
  background-color: #faf5e8;
  height: 100vh;
}

.card {
  background-color: #5b6985;
  color: white;
}

.login-form {
  margin-top: 270px;
}

@media screen and (max-height: 500px) {
  .login-form {
    margin-top: 10px;
  }
}

@media screen and (min-height: 500px) and (max-height: 600px) {
  .login-form {
    margin-top: 75px;
  }
}

@media screen and (min-height: 600px) and (max-height: 800px) {
  .login-form {
    margin-top: 150px;
  }
}

.btn {
  background-color: #d34c4c;
}

.btn:hover {
  background-color: #d34c4c !important;
}

.pwForgot {
  padding-top: 6px;
  cursor: pointer;
  width: 120px;
}

.msg {
  line-height: 20px;
  padding-left: 10px;
}

.logo {
  height: 75px;
  border: #5b6985;
}

.card-title {
  font-size: 30px;
}

.pwdReset {
  padding-top: 10px;
}

.signInLink {
  cursor: pointer;
}

.errorMsg {
  color: red;
  /* font-weight: bold; */
  font-size: 17px;
}

.progress {
  background-color: #d34c4c;
}

.progress .indeterminate {
  background-color: #b34c4c;
}

.home_link {
  font-size: 17px;
}

.back_icon {
  vertical-align: bottom;
  font-size: 20px !important;
}

img {
  pointer-events: none;
}