html, body { height: 100%; }
body { background: url( '../../images/bg/bg-main.jpg') no-repeat center center/cover; }
#logo { background: url( '../../images/icon/logo-sip.jpg' ) no-repeat; width: 105px; height: 128px; position: fixed; top: 10px; left: 10px; z-index: 999999; padding: 0; }
#holder { margin: auto; max-width: 400px; -webkit-transform: translateY( -50% ); transform: translateY( -50% ); position: relative; top: 50%; }
#login { background: #505050; padding: 50px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
h1 { position: static; background: #FFF; font-size: 13pt; text-align: center; line-height: 1em; padding: 34px 10px; color: #000; height: auto; margin: 0; border: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; }
#error { border-left: 4px solid #FF1000; padding: 10px; background: #ffe5e5; margin: 0 0 10px; }
[type="text"], [type="password"] { font: 11pt "Source Sans Pro", "Arial", sans-serif; display: block; margin: 0 0 10px; width: 100%; box-sizing: border-box; border: 0; height: auto;  font-size: 11pt; padding: 10px; }
[type="submit"] { background: #ff9800; transition: all .4s; color: #FFF; border: 0; font: 300 11pt "Source Sans Pro", "Arial", sans-serif; width: 100%; padding: 10px 0; height: auto; font-size: 11pt; }
[type="submit"]:hover { background: #ffc46e; }

@media (max-width: 440px) {
	#holder { max-width: 90%; }
	#login { padding: 30px; }
	h1 { padding: 19px 10px; }
}