JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
NAVBAR
</div>


<div class="container-fluid row">

		<div class="col-sm-10 col-sm-offset-2 back"></div>
      
		<div class="col-sm-11 col-sm-offset-1 rel">
				<div class="col-sm-2 logo">ACOSTA</div>
				<div class="col-sm-4 lgoright">Our work is not about...</div>
		</div>
      
</div>

CSS

.back {
  background-image: url(https://media.istockphoto.com/photos/abstract-cubes-retro-styled-colorful-background-picture-id508795172);
    height: 300px;
}

.logo {
  background-color: lightgrey;
    height: 150px;
}

.lgoright {
  background-color: black;
  height: 150px;
}

.rel {
	margin-top: calc(-150px - 75px);
}