.login-form {
        		width: 385px;
        		margin: 30px auto;       
        	}
            @media only screen and (max-width: 600px) {
            .login-form {
                margin-top: 11px;    
            }
            #signup {        
                margin-top: 15px;
            }
            }    
            .login-form form {        
            	margin-bottom: 10px;
                background: #f7f7f7;
                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
                padding: 30px;
            }
            .login-form h2 {
                margin: 0 0 15px;
            }
            .form-control, .login-btn {
                min-height: 38px;
                border-radius: 2px;
            }
            .input-group-addon .fa {
                font-size: 18px;
            }
            .login-btn {
                font-size: 15px;      
                background-color: #4e73df;
                border-color: white;
                border-radius: 5px 5px 5px 5px;
            }
            .login-btn:hover {
                background-color: white;
                color: grey;
            }
        	.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: #4e73df;
                position: relative;
                top: -11px;
                z-index: 1;
            }