@media only screen and (max-width: 650px) {
    #logo {
        margin-left: 0 !important;
    }

    #logo img {
        max-width: 50% !important;
    }
}

@media only screen and (max-width: 450px) {
    #logo {
        margin-left: 0 !important;
    }

    #logo img {
        max-width: 30% !important;
    }
}

@media only screen and (max-width: 770px) {
    #main-navigation {
        background-color: rgba(226, 93, 36, 0.7);
        z-index: 9999;
    }

}

@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 970px) {
    #logo img {
        max-width: 45%;
    }

    #main-navigation .nav-item {
        font-size: 16px;
    }

    #main-navigation .nav-link {
        margin-right: .6em !important;
    }

}

@media only screen and (max-width: 1120px) {
    #logo img {
        max-width: 60%;
    }

}