Mobile Menu Color + Placement Change

Site URL: https://www.cultivatesoul.com/

Hello!

I am wanting to change the background color of my menu option (within the mobile view) of my site. I'd like for the actual menu option (three bars) to be black, background to be white, and the menu options within the menu to be black.

I'd also like to move my "menu" option below my Cultivate Soul logo and have it say "menu". I've attached an image for reference. 

Any support is super appreciated!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body .burger-inner>div {
    background-color: black !important;
}
.header-menu-bg.theme-bg--primary {
    background-color: white !important;
}
.header-menu-nav-item a {
    color: black !important;
}
}