html { font-size: 14px; } @media (min-width: 768px) { html { font-size: 19px; } } html { position: relative; min-height: 100%; } body { margin-bottom: 60px; background-color: #f1b21c; } .nav-main a { position: relative; color: #FFFFFF; cursor: pointer; line-height: 1; text-decoration: none; } .nav-main a:after { display: block; position: absolute; left: 0; bottom: 0px; width: 0; height: 1px; background-color: #FFFFFF; content: ""; transition: width 0.3s ease-out; } .nav-main a:hover:after, .nav-main a:focus:after { width: 100%; } .nav-main .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } .footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; } .form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto; } .form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; } .form-signin .form-control:focus { z-index: 2; } .form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }