gistfile1.txt

span.site-title-name {
    white-space: nowrap;
}

span.site-title-title {
    white-space: nowrap;
}

#canvas {
  margin-top: 0;
}

@media screen and (min-width: 1190px){
    .logo {
        white-space: nowrap
    }
    span.site-title-title:before {
        content: '| ';
    }
}

@media screen and (max-width: 730px){
    .site-title h1.logo {
        font-size: 40px;
    }
}

@media screen and (max-width: 520px){
    .site-title h1.logo {
        font-size: 30px;
    }
}

<h1 class="logo" data-content-field="site-title">
  <a href="/"><span class="site-title-name">Carter Fawcett</span> <span class="site-title-title">Director of Photography</span></a>
</h1>