body {
	display: flex;
	height: 100vh;
	min-height: 450px;
	margin: 0;
}

.column {
	display: flex;
	flex-direction: column;
}

.brand {
	width: 34%;
	background-color: #222f4c;
	color: #fff;
	align-items: center;
	justify-content: center;
}

.form {
	width: 66%;
	background-color: #fff;
	padding: 100px;
	align-items: flex-start;
	justify-content: center;
}

form {
	display: flex;
	flex-direction: column;
	gap: 20px; /* separación vertical entre elementos */
/*	min-width: 300px;*/
}

footer, nav {
	display:none;
}

@media all and (max-width:768px) {
	body {
		flex-direction: column;
	}

	header, .wrapper, .form {
		max-width: 100%;
		width: 100%;
	}

	header img {
		max-width: 220px;
	}

	.form {
		padding: 0;
	}
}