Main.css

.navbar
{
    position:relative;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;
    align-items:center;-ms-flex-pack:justify;
    justify-content:space-between;padding:.5rem 1rem
}

@media (max-width:575.98px){
    .navbar-expand-sm>
    .container,
    .navbar-expand-sm>
    .container-fluid{padding-right:0;padding-left:0}
}

.navbar-light .navbar-brand
{
    color:rgba(0,0,0,.9)
}

.bg-dark{
    background-color:#343a40!important
}

.border-bottom{
    border-bottom:1px solid #dee2e6!important
}

.container{
    width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

    @media (min-width:576px){.container{max-width:540px}}

    @media (min-width:768px){.container{max-width:720px}}

    @media (min-width:992px){.container{max-width:960px}}

    @media (min-width:1200px){.container{max-width:1140px}}

    .container-fluid{
        width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto
    }

    .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%