@media screen and (max-width: 991px){
    .navbar-collapse {
        position: fixed;
        top:0px;
        left:0px;
        background: #6e8228;
        width: 100%;
        padding:10px 10px 0px 25px;
        height: 100%;
        z-index: 2000;
        display:block;

        text-transform: uppercase;
        font-size: 22px !important;
        font-family: Roboto, sans-serif;
        font-weight: normal;
        letter-spacing: 3px;
    }

    .nav-item-last{
        /*border-bottom: 1px solid white;*/
    }
    .navbar-light .navbar-nav .nav-link {
        color: white !important;
        text-decoration: none;
        width: 100%;
        /*border-top: 1px solid white;*/
        /*font-size:2em;*/
    }

    .navbar-light .navbar-nav .active > .nav-link {
        /*color: #494949 !important;*/
        color: white !important;
        opacity: .60;
    }

    .navbar{
        position: static;
    }
    .navbar-nav{
        /*margin-top: auto;*/
        /*margin-bottom: auto;*/
        /*top: 50%;*/

        position: fixed;
        width: 85%;

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*margin-top: -50%; !* Negative half of height. *!*/
        /*margin-left: -50%; !* Negative half of width. *!*/

    }

    .navbar-toggler{
        position: absolute;
        left: 12px;
        top: 17px;
    }
    #header_row{
        height: 62px;
    }

    .white-logo img {
        width: 200px;
    }
    .white-logo button {
        float:right;
    }
    .grey-box {
        border-bottom:2px solid white;
    }
    .mr-3 {
        margin-right:0px !important;
    }
}

@media screen and (min-width: 650px) and (max-width: 960px) {

}