:root{--primary-color: #428bca;--secondary-color: #064582;--accent-color: #f68c2d}html{height:100%;font:14px/1.7em "trebuchet ms", arial, sans-serif}input,button,a.button,.alert{width:100%}body#login-page{position:relative;height:100%;background-color:#333}body#login-page #login{position:absolute;width:100%;min-height:100%}@media (min-width: 767px){body#login-page #login{display:flex;flex-direction:column;align-items:center;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:auto;min-height:auto}}body#login-page #form{padding:30px;text-align:center;background-color:white}@media (min-width: 767px){body#login-page #form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:450px;border-radius:4px}}body#login-page #form #logo{width:300px;height:75px;margin:0 auto;background-color:transparent}body#login-page #form *{margin-bottom:15px}body#login-page #form *:last-child{margin-bottom:0}body#login-page #form h4{padding:10px;margin-bottom:10px;font-size:20px}body#login-page #form p{line-height:1.5;margin-bottom:15px}body#login-page #form label{display:none}body#login-page #notice{margin-top:30px;color:white}body#login-page #notice a{color:white;text-decoration:underline}body#login-page #demo-links{display:flex;flex-direction:column;align-items:center}@media (min-width: 767px){body#login-page #demo-links{flex-direction:row;justify-content:space-between;width:550px}}body#login-page #demo-links a{display:block;color:#F68C2D;text-decoration:underline;margin-top:30px}