.login {
	background-image: url(../image/bg-login.jpg);
	background-size: cover;
	background-position: center;
}
.robot-icon {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	bottom: 0;
	background-image: url(../image/robot.png);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	display: none;
}
.login-form {
	width: 100%;
	max-width: 400px;
	margin: 20px 0;
	background-color: var(--background);
	color: var(--default-text-color);
	border-color: #e8af00 !important;
	position: relative;
}
.login-form a {
	color: var(--text-highlight);;
	text-decoration: none;
}



/**  RESPONSIVE **/

/* Medium devices >= 768px */
@media (min-width: 767.98px) {
	.robot-icon {
		width: 60%;
		display: block;
	}

	.login-form {
		position: fixed !important;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

/* Large devices >= 1200px */
@media (min-width: 1199.98px) {
	.robot-icon {
		width: 40%;
	}
}