html, body {
   height: 100%;
   overflow: hidden;
}

p {
   font-family: 'ProximaNova-Regular';
   font-size: 20px;
}

h1 {
   font-family: 'Marcellus-regular';
   font-size: 60px;
}


.login-header img {
   margin-left: 10px;
   padding: 5px;
}

.logo {
   max-height: 80px;
}

.page-body {
   background: #e6eff0;
   min-height: 100%;
}

.motivati-footer {
   position: absolute;
   left: 0;
   right: 0;
   height: 36px;
   bottom: 0;
   font-size: 1.0em;
}

.login-form {
   background: #ffffff;
   padding: 25px;
   margin-top: 75px;
   height: auto;
   text-align: center;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.welcome-message {
   font-family: 'ProximaNova-Regular';
   font-size: 20px;
   text-align: center;
   margin-top: 25px;
   margin-bottom: 0px;
}

.welcome-message-sub {
   font-family: 'ProximaNova-Regular';
   font-size: 16px;
   text-align: center;
   margin-top: 15px;
   margin-bottom: 40px;
}

.title-text {
   font-family: 'Marcellus-regular';
   font-size: 50px;
   color: #0e5e6e;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 40px;
}

.form-input {
   text-align: left;
   font-family: 'ProximaNova-Regular';
}

.input-label {
   margin-bottom: 10px;
}

#rememberMeOrForgotPassword {
   margin-top: 10px;
}

.login-btn {
   background-color: #f47467;
   border: none;
   margin: 20px 50px 20px 50px;
   text-transform: uppercase;
   padding: 10px;
   font-family: 'ProximaNova-Regular';
   font-size: 18px;
}

   .login-btn:hover {
      background-color: #0e5e6e;
   }

   .login-btn:focus {
      background-color: #0e5e6e;
   }

#bottomTip {
   background-color: #0e5e6e;
   color: white;
   font-family: 'ProximaNova-Regular';
   font-size: 14px;
   text-align: center;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   padding: 10px;
}

a:link {
   font-family: 'ProximaNova-Regular';
   color: #0e5e6e;
}

#formMessage {
   margin-top: 25px;
}

#formMessageNewUser {
   margin-top: 25px;
}

a:visited {
   font-family: 'ProximaNova-Regular';
   color: #0e5e6e;
}

.pin-label {
   margin-bottom: 15px;
}

@media only screen and (max-width: 800px) {
   .login-form {
      margin-top: 5px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
   }

   #bottomTip {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
   }

   .welcome-message {
      font-size: 16px;
   }

   .welcome-message-sub {
      font-size: 14px;
   }

   .title-text {
      font-size: 40px;
   }
}