:root {
    --bs-primary-rgb: 44, 97, 128;
    /*font-size: 19px;*/
}

body {
    margin: 0;
    font-family: "Manrope",sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
    background-color: #fefefe;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

.hero {
    padding: 30px 0 30px;
    margin-bottom: 20px;
    background: #1f3b49; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #337ab7, #004e92); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #337ab7, #1f3b49); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

    .hero .display-6 {
        line-height: 1.5;
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    color: inherit;
    word-spacing: 0.1rem;
    letter-spacing: -.01rem;
}

    .text-uppercase.h1, .text-uppercase.h2, .text-uppercase.h3, .text-uppercase.h4, .text-uppercase.h5, .text-uppercase.h6, h1.text-uppercase, h2.text-uppercase, h3.text-uppercase, h4.text-uppercase, h5.text-uppercase, h6.text-uppercase {
        letter-spacing: .02rem
    }




.lead {
    font-size: .9rem;
    font-weight: 500
}

.display-1 {
    font-size: calc(1.365rem + 1.38vw);
    font-weight: 700;
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 2.4rem
    }
}

.display-2 {
    font-size: calc(1.345rem + 1.14vw);
    font-weight: 700;
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 2.2rem
    }
}

.display-3 {
    font-size: calc(1.325rem + .9vw);
    font-weight: 700;
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 2rem
    }
}

.display-4 {
    font-size: calc(1.305rem + .66vw);
    font-weight: 700;
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 1.8rem
    }
}

.display-5 {
    font-size: calc(1.285rem + .42vw);
    font-weight: 700;
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 1.6rem
    }
}

.display-6 {
    font-size: calc(1.265rem + .18vw);
    font-weight: 700;
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 1.4rem
    }
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #145c87;
    --bs-btn-border-color: #285971;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e546f;
    --bs-btn-hover-border-color: #285971;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3b738f;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003e5d;
    --bs-btn-disabled-border-color: #598196;
}

.bg-sf {
    background-color: #1f3b49;
}