@import url(https://fonts.googleapis.com/css?family=Dosis);

/* MAIN LOGIN */
.login {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 400px;
	z-index: 10;
	padding: 20px;
	border-radius: 20px;
	border: 1px solid #808080;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

	.login header {
		padding: 10px 0 20px;
	}

		.login header svg {
			width: 14em;
			height: 3em;
			fill: #4dd965;
		}

	.login footer {
		height: auto;
		background: transparent;
		position: static;
		padding: 40px 0 0;
		border: 0;
	}

/* VALIDACAO */
.validation-summary-errors ul {
	margin-top: 20px;
	border-radius: 4px;
}

/* MEDIA */
@media screen and (max-width: 500px) {
	.login {
		width: 260px;
	}
}

@media screen and (max-height: 500px) {
	.login {
		padding: 15px 20px;
		position: relative;
		margin: 5% auto 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

		.login header {
			padding: 5px 0 0;
		}

			.login header svg {
				width: 12em;
				height: 2.6em;
			}

		.login footer {
			padding: 10px 0 0;
		}

	.link-site {
		position: relative;
		left: 0;
		margin: 20px 0;
		text-align: center;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}