section#login article {
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	/* max-width: 360px; */
	/* height: 100vh; */
	margin-top: 16vh;
	padding: 0;
}


.login-methods {
	display: flex;
	flex-direction: column;
	margin: 50px 0;
}

.login-methods small {
	font-size: 12px;
}

section#login article form {
	/*display: flex;
	flex-direction: column;
	margin: 50px auto 5px;*/
}

/* section#login article form input:not([type="checkbox"]) {
	width: 200px;
	margin-top: 3px;
	margin-bottom: 5px;
}

section#login article form label {
	display: flex;
	align-items: center;
}

section#login article form label[for="password"] {
	margin-top: 20px;
}

section#login article form label span {
	margin-left: 5px;
	font-size: 14px;
	font-weight: 300;
} */

.login-methods .form-item {
	padding: 0 !important;
}

.login-methods .basic-login button {
	/* margin: 20px 0; */
	margin-top: 10px;
	cursor: pointer;
	background: none;
	border: none;
}

.login-methods .basic-login button a {
	width: 100%;
}

.login-methods .social-login {
	margin-top: 25px;
}

.login-methods .social-login .continue-with {
	width: 270px;
	height: 40px;
	margin-bottom: 20px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.1);
}

.login-methods .social-login .continue-with:last-child {
	margin-bottom: 0;
}

.login-methods .basic-login,
.login-methods .social-login {
	max-width: 360px;
}

.login-methods .form-line-separator {
	width: 320px;
}

/* Laptop view */
@media screen and (min-width: 768px) {
	.login-methods {
		flex-direction: row;
	}

	.login-methods .social-login {
		margin-top: 0;
	}

	.login-methods .form-line-separator {
		flex-direction: column;
		width: auto;
		margin: 0 40px;
	}

	.login-methods .form-line-separator .form-line {
		width: 1px;
		margin: 12px 0;
	}

	.login-methods .form-error {
		max-width: 580px;
	}
}

.login-methods.force-vertical {
	flex-direction: column;
}

.login-methods.force-vertical .social-login {
	margin-top: 25px;
}

.login-methods.force-vertical .form-line-separator {
	max-width: 320px;
	width: 100%;
	flex-direction: row;
	margin: 5px 0;
}

.login-methods.force-vertical .form-line-separator .form-line {
	height: 1px;
	margin: 12px 10px;
}