.cb-intro {
    background-size: cover;
    background-position: top top;
    /*min-height: 900px;*/
    height: 100vh;
    margin-top: -66px;

    background: linear-gradient(to bottom, white, transparent);

    padding-top: 0;
    padding-bottom: 10rem;
}
.cb-intro::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, white, transparent);
    height: 400px;
}

.cb-intro .btn-secondary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-primary);

    text-transform: none;
}

.cb-intro h1 {
    font-size: 1.5rem;
    text-transform: inherit;
}
.cb-intro h1, h2, h3 {
    font-weight: 100;
}

.cb-intro .row {
    margin-top: 2rem;
    width: auto;
    max-width: 700px;
    background-color: #652205b3;
}
.cb-intro .text {
    padding: 2rem 1rem;
}
.cb-intro .text-badge
{
    background-color: #fff;
    padding: 1rem;
}
.cb-intro .btn-secondary {
    --bs-btn-font-size: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display:inline-block;
    margin-top: 2rem;
}

@media only screen and (min-width: 577px) {
    .cb-intro h1 {
        font-size: 2.3rem;
    }
}

@media only screen and (min-width: 992px) {
    .cb-intro h1 {
        font-size: 2.8rem;
    }
}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1400px) {
    .cb-intro {padding-bottom: 12rem;}
}

@media only screen and (min-width: 1600px) {

}