@media (max-width: 991px) {
    .navbar-scroll {
        background-color: #5991fb;
    }
}

.navbar-scroll .navbar-brand,
.navbar-scroll .fa-bars {
    color: #fff;
}

.navbar-scrolled {
    background-color: #5991fb;
}

.navbar-scrolled .navbar-brand,
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
    color: #fff;
}

@media (max-width: 450px) {
    #intro {
        height: 950px !important;
    }
}

@media (min-width: 550px) and (max-width: 750px) {
    #intro {
        height: 1100px !important;
    }
}

@media (min-width: 800px) and (max-width: 990px) {
    #intro {
        height: 600px !important;
    }
}