@media (max-width: 575px) {
    .navbar-toggler {
        border: solid 2px #FFF;
    }
    .navbar-toggler-icon {
        filter: invert(1) brightness(2.0);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar-toggler {
        border: solid 2px #FFF;
    }
    .navbar-toggler-icon {
        filter: invert(1) brightness(2.0);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggler {
        border: solid 2px #FFF;
    }
    .navbar-toggler-icon {
        filter: invert(1) brightness(2.0);
    }
}

@media (min-width: 992px) and (max-width: 1199px) { 
    
}