@media (max-width: 629px) {
    header ul {
        padding: 0;
    }
    header .menu-toggle {
        padding: 0 1rem;
    }
    header .menu-item {
        background-color:  rgb(14, 85, 52);/*rgba(244, 245, 246, 1);*/
        border-top: 1px solid rgba(242, 242, 242, 1);
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    header .menu-toggle {
        display: block;
    }
    header .hidden {
        display: none;
    }
    header li.menu-item a {
        background-color:  rgb(14, 85, 52);/*rgba(221, 72, 20, .1);*/
        color: rgba(255, 255, 255, 0.8);

    }
    header li.menu-item a:hover,
    header li.menu-item a:focus {
        background-color:  rgba(236, 131, 12, 0.7);
                color: rgba(255, 255, 255, 0.8);
    }
}