body {
	width:100vw;
	height:100vh;
	position:fixed;
	background:#edf5fd !important;
	top:0;
	left:0;
}

#login {
	width: 90vw;
	height: 94vh;
	margin: 3vh 5vw;
	background: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(122, 122, 122, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(122, 122, 122, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(122, 122, 122, 0.5);
	display: flex;
    align-items: center;
}	

#login .design {
	width: 50%;
	height: 100%;
	float: left;
	background: URL('../../content/images/design2.jpg') no-repeat;
	background-position: bottom center;
    background-size: auto 100%;
}
#login .design div {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
    display: flex;
	flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
#login .design div img {
	width:50%;
	height: fit-content;
}

#login .form {
	width: 50%;
	padding: 0 7.5%;
	float: left;
}
#login .form form {
	width: 100%;
    margin: auto;
}
#login .form .icon {
	width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0 0 40;
}
#login .form .icon img {
	max-width: 100%;
}
#login .form .title {
	width: 100%;
	text-align: left;
	font-size: 32px;
	font-family: Oswald;
	font-weight: bold;
	margin: 20 0;
	text-transform: uppercase;
}
#login .form .text {
	margin: 15 0;
}

#login .form .opt {
	width: 100%;
	margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
	overflow: hidden;
}
#login .form .opt button { width: 100%; }
#login .form .opt span {
	cursor: pointer;
}
#login .form .opt span:hover {
	text-decoration: underline;
}

@media only screen and (max-width:1000px) {
	#login .design { display:none; }
	#login .form { width: 100%; }
	#login .form .icon { display: flex; }
}

#login #acesso {
	width: fit-content;
}
#login #acesso div {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20 0;
}
#login #acesso input {
	margin: 0 15;
}

@media only screen and (max-width:1000px) {
	#login #acesso div {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin: 20 0;
		flex-wrap: wrap;
	}
	#login #acesso input {
		width: 100%;
		margin: 10 0 0 0;
	}
}