.login-form {
    width: 340px;
    max-width: 90%;
    margin: 30px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 16px 32px 0px rgba(0,0,0,.5);
    text-align: center;
    z-index: 1000;
	}
    .login-form form {
    	margin-bottom: 15px;
        padding: 30px;
        z-index: 1000;
    }
    .login-form h2 {
        margin: 0 0 15px;
    }
    .login-form .hint-text {
		color: #777;
		padding-bottom: 15px;
		text-align: center;
    }
    .form-control, .btn {
        min-height: 38px;
        border-radius: 2px;
    }
    .login-btn {
        font-size: 15px;
        font-weight: bold;
    }
    .or-seperator {
        margin: 20px 0 10px;
        text-align: center;
        border-top: 1px solid #ccc;
    }
    .or-seperator i {
        padding: 0 10px;
        background: #f7f7f7;
        position: relative;
        top: -11px;
        z-index: 1;
    }
    .social-btn .btn {
        margin: 10px 0;
        font-size: 15px;
        text-align: left;
        line-height: 24px;
    }
	.social-btn .btn i {
		float: left;
		margin: 4px 15px  0 5px;
        min-width: 15px;
	}
	.input-group-addon .fa{
		font-size: 18px;
	}

	.login_header1{
	  font-family: Roboto;
	  font-weight: 100;
	  text-align: center;
	  display: block;
	  color: grey;
	  font-size: 60pt;
	  padding-top: 40px;
	  margin: 0;
	}

	.login_header2{
	  font-family: Roboto;
	  font-weight: 100;
	  text-align: center;
	  display: block;
	  color: grey;
	  font-size: 24pt;
	  margin-top: -20px;
  }
  
  .loginlogo{
    width: 32%;
    border-radius: 16px;
    margin: 8px auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
  }