html { font-size: 14px; position: relative; min-height: 100%; }
body { background-color: #f7faff; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

/*Layout styling*/
header { background-color: #ffffff; padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
header .company-logo { max-height: 60px; }
header .company-name { font-size: 25px; font-weight: 600; margin: 0; color: #3a3a3a; }
header .powered-by-logo { max-height: 50px; }

footer a { color: #9a9cff; text-decoration: none; font-size: 17px; }
footer a:hover { color: #9a9cff; text-decoration: underline; }

footer .powered-by-container { margin-top: 15px; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; padding: 10px 0; }
footer .powered-by-container img { max-height: 30px; }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }

@media (min-width: 768px) {
    html { font-size: 16px; }
}