/* ================================================== */
/* Common styles                                      */
/* ================================================== */
:root {
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
}

.container>.featurette {
    margin: 50px 20px;
}

.container>.featurette p {
    font-size: 1.25rem;
}

.lh-1 {
    line-height: 1 !important;
}

.featurette-heading {
    letter-spacing: -.05rem;
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
}

/* -------------------------------------------------- */
/* RESPONSIVE                                         */
/* -------------------------------------------------- */
@media (min-width: 40em) {
    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}