.float-left {
	float: none;
	width: 100%;
}

.float-right {
	float: none;
	width: 100%;
}

.login-area {
	grid-area: login;
}

.social-area {
	grid-area: social;
}

.loginlayout-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "login" "social";
}

.login-container {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-column-gap: 10px;
}

	.login-container > h2::after {
		border-bottom: 0px;
	}

button.hs-button button.primary {
	padding: 5px;
}

.hs-button.primary.large {
	padding: 5px;
}

label.control-label {
	margin-bottom: 15px;
}

.control-label {
	margin-bottom: 15px;
}

	.control-label.login {
		text-align: right;
		margin-bottom: 15px;
	}

@media only screen and (min-width: 800px) {
	.loginlayout-container {
		grid-template-columns: 5fr 1fr 3fr;
		grid-template-areas: "login . social";
	}

	.float-left {
		float: left;
		width: inherit;
	}

	.float-right {
		float: right;
		width: inherit;
	}
}

.login-challenge-user {
	display: inline-grid;
	grid-template-columns: 5fr 2fr;
}

	.login-challenge-user > a {
		text-align: right;
	}