JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container-fluid">
<div class="header row">
    <div class="col-sm-1"></div>
	<div class="col-sm-3 logo">
        <a href="#"><img src="http://lorempixel.com/output/abstract-q-c-300-63-7.jpg"></a>
    </div>

	<div class="col-sm-8 header-menu">
		<div class="menu-menu-1-container">
            <ul id="menu-menu-1" class="menu">
                <li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="#">Services</a></li>

                <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="#">How We Work</a></li>

                <li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="#">About Us</a></li>

                <li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="#">Blog</a></li>

            </ul>
        </div>	
    </div>
        
</div><!-- end header row -->
</div><!-- end container-fluid -->

CSS

img {
    max-width:100%;
}

.header {
    background-color: #f9f9f9;
    height: 110px;
}

.header ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-size: 0;
}

.header li, .header-menu a {
    display: inline-block;
    height: 100%;
}

.header-menu a {
    font-size: 14px;
    font-family: Open Sans;
    text-transform: uppercase;
    padding: 25px;
    color: #7f7f7f;
}