body {
    --bs-body-color: #707070;
    --bs-body-font-family: "Lato", sans-serif;
    --bs-body-font-size: 1.125rem;
}

.navbar {
    background: #EDEDED;
}

.row {
    --bs-gutter-x: 3rem;
}

.website-in-development {
    color: #395670;
    font-size: 1.2rem;
}

h1 {
    color: #395670;
    font-family: "quincy-cf", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.625rem;
}

h2 {
    font-family: "quincy-cf", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.875rem;
}

.container {
    max-width: 1150px;
    overflow: hidden;
    --bs-gutter-x: 3rem;
}

.card {
    border: 0;
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    position: relative;
}

.card-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.card.type-1 {
    background: #395670;
    color: #fff;
}

.card.type-2 {
    background: #EDEDED;
}

.card.type-3 {
    background: #5B6B76;
    color: #fff;
}

.btn {
    background: #fff;
    color: #395670;
    text-transform: uppercase;
    border: 0 !important;
    font-weight: 700;
    padding: .7rem 2rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn:hover,
.btn:focus,
.btn:active {
    background: #fff;
    color: #395670;
}

.bg {
    min-height: 100vh;
    position: relative;
}

@media (min-width: 992px) {
    .bg:before {
        content: ' ';
        position: absolute;
        right: 0;
        top: 0;
        width: calc(50% - 8rem);
        height: 100%;
        background: url("bg.png");
        background-size: cover;
    }
}