body, html {
    font-family: 'Montserrat', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', Arial, sans-serif;
}

:root {
    --asap-primary: #00426b;
    --asap-secondary: #bfdbf7;
}

.button-primary {
    background-color: var(--asap-primary);
}

.button-secondary {
    background-color: var(--asap-secondary);
}

.card-mfa {
    min-width: 500px;
    max-width: 500px;
    height: auto;
}

.page {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #D7DADC;
}

.nav-pills .nav-link {
    color: #000000;
}

.nav-pills .nav-link:hover {
    color: #333333;
    background-color: #f0f0f0;
}

.nav-pills .nav-link.active {
    color: white;
    background-color: #00426b;
}

@media (max-width: 760px) {
    .card-mfa {
        min-width: 85vw;
        max-width: 85vw;
    }
}