Move menu above logo Responsive theme

Wanted to do this for mobile. This is what I did in style.css of childtheme. Will have to dig deeper for what you want to do. But this will give you an idea.

@media screen and (max-width: 650px) {
/* Move nav-bar to the top*/
.js .main-nav {
	position: absolute;
	top: 0;
	right: 0;
}

/* Move logo down by the height of nav-bar i.e.30px */
#logo {
	position: relative;
	top: 30px;
}