img,form,div,body,h1,h2,h3,h4,p,input { margin: 0; padding: 0; border: none; list-style: none; vertical-align: baseline; }

body { font: 16px Roboto, sans-serif; font-weight: 400; color: #545454; background: #EFF0F4; text-align: center; }
img { max-width: 100%; height: auto; }
input { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius: 3px; border: 1px solid #e8e8e8; font: 13px Roboto,sans-serif; width:100%; }
input:focus { outline: none; }

#login-panel { background: #FFF; border-radius: 6px; }
#login-panel h1 { font-weight: 300; color: #1180c8; margin-bottom: 10px; font-size: 26px!important; }
#login-panel input { padding: 12px 20px; margin: 8px 0; }
#login-panel input:hover { border-color: #84be42; }
#login-panel input[type=text] { background: url('img/ico_login.png') left center no-repeat!important; padding-left: 30px; }
#login-panel input[name=haslo] { background: url('img/ico_klucz.png') left center no-repeat!important; padding-left: 30px; }
#login-panel input[type=checkbox] { width: auto!important; margin-right: 1px; vertical-align: -1px; }
#login-panel input[type=submit] { background: #84be42; color: #FFF; border: none; cursor: pointer; padding: 14px 35px; margin-top: 10px; }
#login-panel input[type=submit]:hover { background: #71a931; transition:all 0.5s ease; }

#login-panel p { text-align: left; padding-left: 10px; margin: 3px 0; font-size: 10px; }

p.info { border-radius: 6px; background: #e0613a; color: #FFF; }

@media screen and (min-width: 1100px) {
	img.logo { margin-top: 80px; }
	#login-panel { width: 400px; padding: 40px 60px; margin: 40px auto; }	
	p.info { width: 490px; padding: 10px 15px; margin: 40px auto 0; }
}

@media screen and (min-width: 520px) and (max-width: 1099px) {
	img.logo { margin-top: 60px; }
	#login-panel { width: 380px; padding: 40px 50px; margin: 40px auto; }	
	p.info { width: 380px; padding: 10px 50px; margin: 40px auto 0; }
}

@media screen and (max-width: 519px) {
	img.logo { margin-top: 40px; }
	#login-panel { padding: 35px 40px; margin: 40px 20px; }	
	p.info { padding: 10px 15px; margin: 40px 20px 0; }
}