/* Header */
[class*="messageStack"] + .row__container {
	margin-top: 30px;
}

#loginDefault {
	overflow: hidden;
}

	#login,
	#register {
		border-radius: 3px;
		border: 3px solid #e4e5ee;
		padding: 30px 30px 33px;
		min-height: 375px;
	}

	#login {
		background: #f7f7f7;
		float: left;
		margin-right: 3.06%;
		width: 38.75%;
	}

	#register {
		border-color: #cfeaf1;
		background: #e8f4f7;
		overflow: hidden;
	}
	
		/* titles */
		#login h2,
		#register h2 {
			font-size: 24px;
			line-height: 1.1;
			margin: 0 0 22px;
		}

		#login .button__container,
		#register .button__container {
			border-top: 3px solid #e4e5ee; 
			padding-top: 30px;
			margin-top: 30px;
			text-align: center;
		}

		#login .button__container {
			margin-top: 30px;
		}

		#register .button__container {
			border-top-color: #cfeaf1;
		}

			#login .buttonRow,
			#register .buttonRow {
				float: none;
				display: block;
			}
			#login .buttonRow a,
			#register .buttonRow a {
			
				display: none;
			}

			#login .buttonRow + .buttonRow {
				margin-top: 8px;
				margin-bottom: -7px;
			}

/* form */
.field__row {
	overflow: hidden;
}

	.field + .field {
		margin-top: 21px;
	}
		

@media only screen and (min-width: 1520px) {
	
	/* login */
	#login {
		margin-right: 3.33%;
		width: 48.3%;
	}
	
	/* form */
	#login .button__container {
		margin-top: 48px;
	}

	#register .button__container {
		margin-top: 24px;
	}

	.field__row .field {
		float: left;
		width: 48.3%;
	}

	.field__row .field + .field {
		margin-left: 3.33%;
		margin-top: 0;
	}

	/*#register ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 90px;
		-moz-column-gap: 90px;
		column-gap: 90px;
		max-width: 710px;
	}*/

	.field__row .field {
		float: left;
		width: 47.5%;
	}

	.field__row .field + .field {
		margin-left: 5%;
	}
}


@media only screen and (max-width: 850px) {
	#register ul {
		font-size: 15px;
		top: 6px;
	}

	#register li:before {
		top: 4px;
	}

	.field + .field {
		margin-top: 17px;
	}
}

@media only screen and (max-width: 767px) {
	#login,
	#register {
		min-height: 1px;
	}

	#login {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
}