@media only screen and (min-width:1200px) {
    img.logo {
        width: 24%;
    }

    div#navbarCollapse {
        width: 60%;
    }

    a.nav-link {
        text-transform: none !important;
        font-size: 17px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    img.logo {
        width: 24%;
    }

    div#navbarCollapse {
        width: 60%;
    }

    a.nav-link {
        text-transform: none !important;
        font-size: 17px;
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    img.logo {
        width: 100%;
        float: left;
    }

    button.navbar-toggler {
        float: left;
        width: 22%;
        padding: 0;
        margin: 0;
    }

    a.navbar-brand.d-flex.align-items-center {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-block !important;
        width: 32%;
    }

    a.nav-link {
        text-transform: none !important;
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    img.logo {
        width: 100%;
        float: left;
    }

    button.navbar-toggler {
        float: left;
        width: 22%;
        padding: 0;
        margin: 0;
    }

    a.navbar-brand.d-flex.align-items-center {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-block !important;
        width: 32%;
    }

    a.nav-link {
        text-transform: none !important;
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    img.logo {
        width: 100%;
        float: left;
    }

    button.navbar-toggler {
        float: left;
        width: 22%;
        padding: 0;
        margin: 0;
    }

    a.navbar-brand.d-flex.align-items-center {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-block !important;
        width: 32%;
    }

    a.nav-link {
        text-transform: none !important;
    }
}