:root {
	--mavin-color-pr-blue: #00346b;
	--mavin-color-pr-yellow: #fdc018;
}

.form-holder div.alert {
	top: 0;
	margin-bottom: 0;
	width: 60%;
	position: fixed;
	z-index: 9999;
}
.form-content .form-items input.input-login {
	border-radius: 20px; 
	width: 100%
}
.form-content .form-items button.btn-login {
	background-color: indianred; 
	width: 100%; 
	border-radius: 50px; 
	height: 50px; 
	outline: none;
}

@media (min-width: 992px) {
	.name-app {
		width: 100%;
		border-radius: 50px;
		background-color: var(--mavin-color-pr-blue);
		color: var(--mavin-color-pr-yellow);
		font-size: 22px;
		line-height: 2;
		word-spacing: 5px;
	}

	#logo-mavin-group {
		height: 200px;
		width: 400px;
	}
}

@media (max-width: 992px) {
	.name-app {
		width: 100%;
		border-radius: 50px;
		background-color: var(--mavin-color-pr-blue);
		color: var(--mavin-color-pr-yellow);
		font-size: 18px;
		line-height: 2;
		word-spacing: 0px;
	}

	#logo-mavin-group {
		height: 100px;
		width: 200px;
	}

	.form-content .form-items {
		text-align: center;
	}

	#loginForm {
		text-align: left;
	}
}