@charset "utf-8";

html, body, form { height: 100%; margin: 0; padding: 0; }
body { font-size: 14px; background-color: #f7f9fb; }
a, a:hover { text-decoration: none !important; }
.display-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.2; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }
.form-control { font-size: 1em; border-width: 2px; }
.form-control:focus { box-shadow: none; }
.logo { margin-top: 100px; margin-bottom: 25px; }
.logo img { height: 80px; border-bottom: 1px solid #dedede; padding-bottom: 12px; padding: 12px 20px; }

.card-wrapper { width: 400px; }
.card { padding: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
.card .card-title { margin-bottom: 30px; }
.footer { margin: 40px 0; color: #888; text-align: center; }

@media (max-width: 575.98px) {
    .card-wrapper { width: 100%; margin: 0 auto; }
}