.login-form {
		width: 80%;
		margin: 0 auto;
		padding: 30px 0;
	}
    .login-form form {
		border-radius: 3px;		
    	margin-bottom: 15px;
        background: #f7f7f7;
        box-shadow: 2px 2px rgb(102, 102, 102);
        padding: 30px;
    }
    .login-form h2 {
		color: #636363;
		margin: 0 0 15px;
		position: relative;
		text-align: center;
    }
	.h2, h2 {
    font-size: 30px;
	}
	.login-form h2:before {
		left: 0;
	}
	.login-form h2:before, .login-form h2:after {
		content: "";
		height: 2px;
		width: 30%;
		background: #d4d4d4;
		position: absolute;
		top: 50%;
		z-index: 2;
	}
@media (max-width: 1200px) {
	.login-form h2:before, .login-form h2:after {
		width: 20%;
	}
}
	.login-form h2:after {
		right: 0;
	}

    .form-control, .login-btn {
        min-height: 38px;
        border-radius: 2px;
    }
    .input-group-addon .fa {
        font-size: 18px;
    }
    .login-btn {
        font-size: 15px;
        font-weight: bold;
    }
	.social-btn .btn {
		border: none;
        margin: 10px 3px 0;
        opacity: 1;
	}
    .social-btn .btn:hover {
        opacity: 0.9;
    }
	.social-btn .btn-primary {
        background: #507cc0;
    }
	.social-btn .btn-info {
		background: #64ccf1;
	}
	.social-btn .btn-danger {
		background: #df4930;
	}
    .or-seperator {
        margin-top: 20px;
        text-align: center;
        border-top: 1px solid #ccc;
    }
    .or-seperator i {
        padding: 0 10px;
        background: #f7f7f7;
        position: relative;
        top: -11px;
        z-index: 1;
    }