.body {
	max-width:84%;
	margin:auto;
	position:relative;
	overflow:hidden;
	padding-top:30px;
}

.body #lngs {
	float:none;
	margin-right:0;
	vertical-align:top;
	display:inline;
}

form.login {
	max-width:84%;
}


@media only screen and (max-width: 1360px) {
	.body #lngs {
		position:absolute;
		top:28px;
		right:0;
	}
}

@media only screen and (max-width: 1000px) {
	#lngs::before {
		display:block !important;
		margin-top:6px;
		margin-right:0;
		top:-6px;
	}
	.logo {
		float:left;
		margin-bottom:4px;
	}
	.logo svg {
		width:550px;
		max-width:none;
	}
}

@media only screen and (max-width: 850px) {
	.logo {
		margin-top:15px;
		margin-bottom:-10px;
		padding-bottom:0;	
		max-height:128px;	
	}
	.logo svg {
		width:400px;
	}
}

@media only screen and (max-width: 660px) {
	.logo {
		max-height:none;	
		padding-bottom:20px;	
	}
	.logo svg {
		width:550px;
	}
	.container .logo + div {
	  min-width:0;
	}	
	.logo svg text:nth-of-type(1),svg text:nth-of-type(2),svg text:nth-of-type(3) {
		transform:translatey(50px);
	}
	.logo svg g:first-of-type {
		transform:translatex(30px);
		opacity:0.6;
	}
	.logo svg g:last-of-type,.logo svg text:nth-last-of-type(1),svg text:nth-last-of-type(2),svg text:nth-last-of-type(3) {
		display:none;
	}
}

@media only screen and (max-width: 530px) {
	.logo {
		padding-bottom:0;
	}
	.logo svg {
		width:450px;
	}                  
}

@media only screen and (max-width: 400px) {
	.body {
		max-width:90%;
		/*padding-top:30px;*/
	}
	.logo {
		padding-bottom:8px;
	}
	.body #lngs{
		padding:18px 34px 28px 34px;
		box-shadow:0px 5px 20px 10px rgba(200,220,200,0.8);
		border-radius:15px;
		background-color:rgba(255,255,255,0.9);
		right:30px;
		top:40px;
		left:auto;
		border:1px solid rgba(0,0,0,0.3);
		overflow:hidden;
		max-width:80vw;
	}
}