.btn-primary {
    background: rgb(4, 66, 108);
    border-color: rgb(58, 136, 232);
}

    .btn-primary:hover {
        color: #fff;
        background-color: rgb(58, 136, 232);
        border-color: rgb(58, 136, 232);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: rgb(58, 136, 232);
        border-color: rgb(4, 66, 108);
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 15px 0 rgb(4, 66, 108);
        background-color: rgb(58, 136, 232);
        border-color: rgb(4, 66, 108);
    }

.btn-outline-dark {
    color: rgb(102, 102, 102);
    background: rgba(0, 0, 0, 0);
    border-color: rgb(102, 102, 102);
}

    .btn-outline-dark:hover {
        color: rgb(22, 22, 22);
        background-color: rgb(255, 255, 255);
        border-color: rgb(22, 22, 22);
    }

@media (min-width: 576px) {
    h1, .h1 {
        font-size: 3.5rem;
        margin-bottom: 3rem;
    }
}