html {
	font-family: 'Montserrat', sans-serif;
	padding:0px;
	background-image:url('./images/bg.jpg');
	background-position:cover;	
	background-repeat:no-repeat;
	min-height:100%;
	/*background-size:100% 100%;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

a {
	color:#405687;
	text-decoration:none;
}

h2 {
	font-weight:normal;
	font-size:50px;
	letter-spacing:5px;
}

.container {
	width:100%;
	max-width:1400px;
	margin:auto;
	color:#405687;
	font-weight:medium;
	
}

#logo {
	max-width:400px;
}



#login-form {
	padding-top:20%;
	padding-bottom:10%;
	width:100%;
	max-width:400px;
}

#login-form.intro_wrapper {
  padding: 0;
  max-width:800px;
  height: 100vh;
  line-height: 100vh;
}

.intro_wrapper h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

#login-form form {
	margin-bottom:20px;
}

.errormsg {
	display:none;
	color:#ff6a66;
}

#login-form input[type="text"], #login-form input[type="password"] {
	color:#405687;
	letter-spacing:2px;
	font-size:14px;
	border:none;
	border-bottom:2px solid #405687;
	padding:10px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	width:100%;
	margin-bottom:15px;
	font-weight:medium;
	
}

#login-form input[type="submit"]:focus, #login-form input[type="text"]:focus, #login-form input[type="password"]:focus {
	outline: none;
}

#login-form input[type="text"]:placeholder, #login-form input[type="password"]:placeholder {
	font-weight:medium;
	color:#405687;
}

#login-form input[type="submit"] {
	color:#fff;
	letter-spacing:2px;
	font-size:14px;
	border:none;
	background: #405687;
	padding:10px;
	display:block;
	width:100%;
	text-align:center;
	cursor:pointer;
}

#login-form input[type="submit"]:hover {
	background:#2d4272;
}

.smalltext {
	font-size:10px;
	letter-spacing:2px;
}

#footer {
	padding-top:20px;
	padding-bottom:10px;
}

#footer .container {
  position: fixed;
  bottom: 0;
}

#footer-text {
	text-align:center;
	font-size:12px;
	color:#405687;
  font-weight: 600;
}

@media only screen and (max-width: 1400px) {	
	
	.container {	
		max-width:90%;
	}
	
}

@media only screen and (max-width: 768px) {	
	#login-form {
    max-width: 250px;
    padding: 0px;
    padding-top: 170px;
	}
	
	#logo {
		max-width:100%;
		margin:auto;
	}
  
  #login-form.intro_wrapper {
      max-width: 200px;
  }
  
  .intro_wrapper h2 {
    font-size: 20px;
  }
  
  html {
    background-image: url(./images/bg-mobile.png);
  }
  
  #footer {
      padding-top: 90px;
  }
  
  #footer .container {
    position: relative;
    bottom: 0;
  }
  
}