.page {
	 display: flex;
	 min-height: calc(100vh - 70px);
	 width: 100%;
	 background-color: #f7f7f8;
}
.page .column-container {
	 display: flex;
	 flex-direction: row;
	 width: 100%;
}
 .form-container {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 width: 50%;
	 border-width: 1px;
	 border-radius: 10px;
	/* box-sizing: border-box;
	 */
	 padding: 25px;
	 margin: 35px;
	 background-color: white;
}
 .form-container hr {
	 margin: 5px 0;
}
 .form-container .sign-up-link {
	 color: var(--primary-link-color);
	 text-decoration: none;
}
 .form-container .forgot-password-link {
	 margin-top: 5px;
	 font-size: 0.8em;
	 color: var(--primary-link-color);
}
 .form-container .forgot-password-link:hover {
	 text-decoration: underline;
}
.page .column {
	 display: flex;
	 flex-direction: column;
	 min-height: 100%;
	 box-sizing: border-box;
	 padding: 15px;
}
.page .signin.column.left {
	 display: flex;
	 height: 100%;
	 width: 30%;
	 padding: 0;
	 background-image: url(/media/general-images/woman-fixing-sink-de54d945295a438c86072f78415c3e0e.jpg);
	 background-position: center right;
	 background-size: cover;
}
.page .column.right {
	 background: var(--secondary-background-color);
	 display: flex;
	 flex: 1;
	 justify-content: center;
	 align-items: center;
	 padding: 0;
	 height: 100%;
}
 form {
	 width: 100%;
}
 .form-item {
	 margin: 15px 0;
	 display: flex;
	 flex-direction: column;
}
 .sign-in-button {
	 margin: 15px 0 0 0;
}
 input {
	 border-width: 1px;
	 border-radius: 7px;
	 padding: 15px 10px;
}
 .error-msg {
	 color: red;
}
 @media (max-width: 850px) {
	 .signin.column.left {
		 display: none !important;
	}
	 .page .column.right {
		 justify-content: flex-start;
	}
	 .form-container {
		 width: 75%;
		 max-width: 75%;
	}
	 .form-container input {
		 font-size: 17px;
	}
}