JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<nav id="navigation">
    <img src="http://web.fildred.com/media/images/blank_logo.jpg" height="150px" width="250px" alt="fildred web logo">
</nav>

<div id="content_wrapper">
<!-- InstanceBeginEditable name="content" -->
<section id="content">
	Content.
</section>
<!-- InstanceEndEditable -->
</div>

</div>
</body>

CSS

body {
	background: #ffd288;	
}

/*Nav*/
#navigation {
	width:100%;
	z-index: 10;
}

.logo {
	z-index: 1;	
}

#navigation ul{
	padding-top: 75px;
	list-style: none;
    display: table;
    width: 75%;
	float:right;
}

#navigation li {
    text-align: center;
    display: table-cell;
	padding: 0px 10px
}

#navigation a {
    color: white;
    text-decoration: none;
	font-size: 1em;
	letter-spacing: .5em;
}

	#navigation a:hover {
		color: #913131;
	}
	
/*Content Section*/
#content {
	background: #393951;
	height: 2000px;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
   		-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    		box-shadow: 0px 0px 20px rgba(0,0,0,.8);
}