title: How to move Site title and tagline next to the logo?
body: <p>This is the link to my website: <a href="http://www.ishturd.com" rel="nofollow">http://www.ishturd.com</a></p>
  
  <p>As you can see here the logo is on top of the site title and tagline, I need it to appear side by side i.e. logo and the site title, the tagline will go below the title as it is now. Any help will be appreciated as I don't know any coding.</p>
  
  <p>Here's the complete CSS of the site title in my style.css (sorry i didn't know what to post)</p>
  
  <pre><code>    .site-title {
      margin: 0;
      color: #171717;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 34px;
      font-size: 3.4rem;
      font-weight: bold;
     }
  
      .site-title a {
      color: #171717;
      font-weight: bold;
      text-decoration: none;
      }
  
      .site-title a:hover,
      .site-title a:focus {
      text-decoration: none;
      }
  
      .no-site-tagline .site-title {
      margin-bottom: 22px;
      margin-bottom: 2.2rem;
      }
  
      @media screen and (min-width: 800px) {
      .site-branding {
      float: left;
      max-width: 50%;
      }
  
      .branding-right .site-branding {
      float: right;
      }
      }
  
      .site-description {
      display: block;
      margin: 11px 0 22px;
      margin: 1.1rem 0 2.2rem;
      font-size: 12px;
      font-size: 1.2rem;
      letter-spacing: 1px;
      letter-spacing: 0.1rem;
      text-transform: uppercase;
      } 
  
      .site-description a {
      text-decoration: none;
      }
  
      .site-description a:hover,
      .site-description a:focus {
      text-decoration: none;
      }
  </code></pre>
  
  <p>Thanks in advance!</p>