body {
    width: 100%;
    height: 100%;

    position: relative;
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.logo {
    max-height: 7rem;
    margin: 1em;
}

.lw {
    text-align: center;
}
.lw {
    background-color: #a52a2a75;
}
h2.display-5 {
    color: #fff;
}
.fx-msg-err {
    background-color: #ff0000;
}
.fx-msg-success {
    background-color: #2da52eb3;
}
.fx-link {
    text-decoration: none;
    color: #fff;
    font-style: italic;
}
.fx-link:hover {
    color: #fff;
    border-bottom: 3px solid #fff;
}




.key-benefits {
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    list-style: none;
    color: #fff;

}
.key-benefits .container {
    justify-content: center;
    padding: 0;
}
.key-benefits img {
    height: 1.5rem;
    filter: grayscale(1) invert(1);
}
@media screen and (min-width: 576px) {
    .key-benefits img {
        height: 2rem;
    }
}

.key-benefits .display-6 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.benefit-red {
    background-color: #a52a2a75;

}

@media (max-width: 767px) {
    .bgb {
        background-color: #00000087;
    }
    .key-benefits .display-6 {
        font-size: 1.25rem;
        margin-bottom: 0;
    }
}

.img-white {
  filter: brightness(0) invert(1);
}