@import "https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css";
@import "https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=latin-ext";

body {
    background: #f8f9fa;
    font-family: 'Roboto' sans-serif;
}

.btn-primary {
    border: 0;
    background-color: #174972;
    color: #FAFAFA;
    border-radius: 5px;
    padding: 0.8rem 4rem;
    display: block;
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #0071A2 !important;
    color: #FAFAFA;
}

.btn-sm {
    padding: 0.8rem 2rem;
}
.btn-tc {
    padding: 0.15rem 0.6rem;
}

.jumbotron {
    background: linear-gradient(to right, #0071A2, #174972);
}

h1 {
    font-size: 3rem;
    line-height: 1.3;
}

@media screen and (max-width: 768) {
    h1 {
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 576px) {
    h1 {
        font-size: 1.5rem;
    }
}

#wbn_logo {
    background: white;
    border-bottom-left-radius: 7px;
    margin-bottom: 50px !important;
    border-bottom-right-radius: 7px;
}

table.dbm {
    width: 95%;
    vertical-align: middle;
}
table.dbm td {
    padding: 0.8rem 0.1rem;
    vertical-align: middle;
    border-bottom: solid #DADADA 1px;
}
table.dbm h3 {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
}
table.dbm td .btn {
    margin: 0;
}

hr {
    margin: 30px 0;
}