Align logo and menu

Hello,

I tried to aling my logo on the left and menu on the right, but can’t get them to position next to eachother.
I tried float and max-width but suspect it’s in the structure of the following code. I’m a bit rusty with coding so need al little nudge in the right direction ??
Thanks in advance

Toekomstwinkel

<header id="masthead" class="site-header sticky" role="banner">
	<div id="navigation" class="navbar navbar-default">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand scroll" href="https://www.toekomstwinkel.nl">
					<img title="" src="https://www.toekomstwinkel.nl/wp-content/uploads/2016/03/master_logo_tw_vrijstaand.gif">
				</a>
			</div>
			<div class="navbar-collapse collapse">
				<ul id="menu-primary-menu" class="nav navbar-nav">
					<li id="menu-item-317" class=" menu-item menu-item-type-post_type menu-item-object-page">
					<li id="menu-item-358" class=" menu-item menu-item-type-post_type menu-item-object-page">
					<li id="menu-item-366" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children">
					<li id="menu-item-360" class=" menu-item menu-item-type-post_type menu-item-object-page">
					<li id="menu-item-378" class=" menu-item menu-item-type-post_type menu-item-object-page">
				</ul>
			</div>
		</div>
	</div>
</header>

And this is the CSS í’m trying to manipulate

.navbar.navbar-default{
	background-color: #fff;
	margin-bottom: 0;
	border-bottom: 0;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

/** menu **/

 #masthead.sticky{
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
 }

#navigation.navbar{
	border-radius: 0;
}

#navigation .navbar-nav > li > a {
	padding: 25px;
	line-height: 25px;
	transition:padding .2s ease-in-out 0;
}

#masthead.sticky #navigation .navbar-nav > li > a {
	padding: 20px 25px;
}

#navigation .navbar-nav ul.sub-menu{
	list-style: none;
	padding: 0;
	margin: 0;
	width:180px;
	position: absolute;
	z-index: 99999;
}