html {
  height: 100%;
}

h1, h2, h3, h4, h5, h6, p, a {
	font-family: 'Montserrat', sans-serif;
}

h1 {
    color:#dc6428;
    font-weight:400;
}

a {
    color:#dc6428;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}
#main {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
#footer {
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}

#header {
	height:70px;
	border-bottom:1px solid #e8e8e8;
}

#logo img {
	height:39px;
	margin:auto;
	float:left;
	padding:15px 25px;
}

#main {
	padding:0 2%;
    background-image:url(../img/impromation-login-background.jpg);
    background-position:center;
}

#nav-back {
	margin:20px 0;
}

#login {
	max-width:390px;
	margin:auto;
    margin-top:3%;
	background-color:#f7f7f7;
	padding:40px 40px 20px 40px;
	text-align:center;
}

#login-footer {
	max-width:390px;
	margin:auto;
	background-color:#6490b8;
	padding:5px 40px;
	text-align:center;
    margin-bottom:50px;
}

#login-footer p {
    font-size:12px;
    color:#d3ddea;
    font-weight:400;
}

#login-header {
	text-align:center;
}

#login-header p i {
    color:#dc6428;
    font-size:24px;
}

#login-form input[type="text"],
#login-form input[type="password"]
{
    background-color: #fff!important;
    padding:16px!important;
    font-size:16px!important;
    font-family: 'Montserrat', sans-serif;
    color:#8c8c8c;
	width:100%;
	box-sizing:border-box;
    margin-bottom:25px;
}

#login-form input[type="text"]::placeholder,
#login-form input[type="password"]::placeholder{
    color:#cecece;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
}

#login-form input[type="submit"]:hover {
background-color: #3f5262!important;
color: #fff;
}

#login-form input[type="submit"] {
    background:#db6528;
	width:100%;
    padding:16px;
    display:block;
    text-align:center;
    border-radius:4px!important;
    text-transform:uppercase;
    letter-spacing:2px;
    background-color:#dc6428;
    margin:auto;
    font-weight:300;
    color:#fff;
    font-family: 'Montserrat', sans-serif;
}

.forgotpw a {
    font-size:14px;
    color:#9c9c9c;
}

#footer {
	background-color:#2f4251;
    padding:5px 20px;
}

#footer p {
	color:#fff;
    font-size:12px;
    font-weight:200;
}

.alternate-login {
	border-top: 1px solid #9c9c9c;
	padding-top: 16px;
}

.error-message {
	color: #dc6428;
}
