header #top.active{width:100%; margin:0;}
header #top .left{width:100%; text-align:center; margin:0px; padding:0px;}
header #top .right{display:none;}

#login{}
#login #big-box{width:80%; margin:5% auto; }
#login #big-box > div{width:98%; padding:1% 1%;  background:#f9f9f9; }
#login #big-box > div h1{margin-bottom:20px;}
#login #big-box > div input[type='submit']{}
#login #big-box > div div.btn-div{padding:10px 0;}
#login #big-box > div div.btn-div p{font-size:12px; text-decoration:underline; padding:10px 0; cursor:pointer;}
#login #big-box > div div.btn-div input{position:relative; z-index:10;}

#login #big-box #chooser{border:solid 1px #444; padding:0px;}
#login #big-box #chooser a h1{width:49.9%; text-align:center; margin:0; padding:16% 0 5%;}
#login #big-box #chooser a[href='/login/login'] h1{background:url('/css/img/login.svg') no-repeat center 30%; background-size:115px 115px;}
#login #big-box #chooser a[href='/login/regisztracio'] h1{background:url('/css/img/regisztration.svg') no-repeat center 30%; background-size:150px 150px;}
#login #big-box #chooser a:hover h1{background-color:rgba(68,68,68,0.2);}
#login #big-box #chooser hr{width:1px; height:300px; margin:5px 0; background:#444;}

header #top{width:100%; margin-left:0px;}

#login #langs{width:100%; position:absolute; left:0px; bottom:0px; }
#login #langs li{display: inline-block;*display: inline;zoom: 1; padding:5px 5px; color:#444; margin:5px 5px; cursor:pointer;}
#login #langs li.active{color:#FFF; background:#444;  }

@media (max-width: 1366px) {

}
@media (max-width: 978px) {

}
@media (max-width: 420px) {
	#login{padding-bottom:0; overflow:auto;}
	#login #big-box{width:98%; margin:5% 1%; }
	#login #big-box > div{width:98%; padding:2% 0.5%; height:auto; float:none; border-bottom:none; }
	#login #big-box > div:last-of-type{border-bottom:solid 1px #444;}
	#login #big-box > div h1{margin-bottom:20px; }
	#login #big-box > div#reg h1{ padding-top:10px;}
	#login #big-box > div input[type='submit']{}
	#login #big-box > div div.btn-div{padding:10px 0;}
	#login #big-box > div div.btn-div p{width:100%; float:none; text-align:center; font-size:14px; }	
	#login #big-box #chooser a h1{width:49.9%; text-align:center; margin:0; padding:16% 0 5%;}
	#login #big-box #chooser a[href='/login/login'] h1{background:url('/css/img/login.svg') no-repeat center 30%; background-size:100px 100px; border-right:none; border-bottom:solid 1px #444;}
	#login #big-box #chooser a[href='/login/regisztracio'] h1{background:url('/css/img/regisztration.svg') no-repeat center 30%; background-size:100px 100px;}
	#login #big-box #chooser a h1{width:100%; text-align:center; margin:0; padding-top:35%;}
	#login #big-box #chooser hr{display:none;}
	
	#login #langs{width:100%; position:relative; left:0px; bottom:0px; text-align:center;}
	#login #langs li{display: inline-block;*display: inline;zoom: 1; padding:10px 10px; color:#444; margin:5px 5px; cursor:pointer;}
	#login #langs li.active{color:#FFF; background:#444;  }
}
@media (max-width: 300px) {
	#login #big-box{width:98%;}
}