JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="container">
    
    <div class="row">
            
        <div class="col-sm-12">
            
            <div class="header">
                Header
            </div>
            
        </div>    
        
    </div>
    
</div>

SCSS

.container{
    margin-top: 50px;
}
.header{
    font-size: 20px;
    padding-left: 110px;
    background-image: url(http://placehold.it/100x50);
    background-repeat: no-repeat;
}

@media only screen and (max-width:767px){
  .header{
      text-align: center;
  }
}