header.masthead {
    position: relative;
    width: 100%;
    padding-top: -150px;

    color: #fff;
    background: url(../img/nettoyage-devis-localise-hero-blk-1900.jpg),#847e8c;
    background: url(../img/nettoyage-devis-localise-hero-blk-1900.jpg),linear-gradient(to left,#738496,#847e8c);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

header.masthead .header-content {
    max-width: 1200px;
    text-align: center;

}
header.masthead .header-content h1 {
    background-color: #007bff63;
}
p.demo {
    color: aliceblue;
}
#mainNav .navbar-nav>li>a {
    font-size: 20px;
    font-family: Lato,Helvetica,Arial,sans-serif;
    letter-spacing: 0px;
    text-transform: none;
}

.bg-primary {
    background: #f0bbbb;
    background: linear-gradient(#f0bbbb,#eaa5ad);
}
section {
    padding: 28px 0;
}
section.features .section-heading {
    margin-bottom: 10px;

}
.card-body {
    background: #fbfbfb;
}
footer {
    padding: 25px 0;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #af6a73;
}
#mainNav .navbar-nav>li>a.active {
    color: #FFF!important;
    background-color: transparent;
}
@media(max-width: 991px) {
    #mainNav .navbar-nav>li>a.active {
        color: #be1b1b !important;
        background-color: transparent;
    }
}
@media (min-width: 992px) {

    #mainNav {
    border-color: #11877c99;
    background-color: #11877c99;
    }
}
@media (min-width: 992px) {
    #mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus {
        color: rgb(255,255,255);
    }
}
@media (min-width: 768px) {
    section.download h2 {
        font-size: 70px;
        color: aliceblue;
    }
}

@media (min-width: 992px) {
    #mainNav.navbar-shrink {
        border-color: rgba(34,34,34,.1);
        background-color: #17a2b8;
    }
}