container {
  margin-bottom: 10px;
  
  header {
    text-align: left;
    color: #eee;
    background: #0D3D65;
    padding: 5px 50px;

    a:link, a:visited {
      color: white;
      text-decoration: none;

      &:hover {
        color: #ccc;
      }
    }

    h1 {
      margin: 0;
      padding: 8px 0;
      font-size: 30px;
      font-weight: 300;
      letter-spacing: 5px;
      text-shadow: 0 0 3px #000;

      &:before {
        content: ' ';
        background: url('../logo.jpg');
        background-size: contain;
        display: inline-block;
        position: relative;
        top: 5px;
        margin-right: 25px;
        width: 30px;
        height: 30px;
      }
    }
  }
}
container {
  margin-bottom: 10px;
  
  header {
    text-align: left;
    color: #eee;
    background: #0D3D65;
    padding: 5px 50px;

    a:link, a:visited {
      color: white;
      text-decoration: none;

      &:hover {
        color: #ccc;
      }
    }

    h1 {
      margin: 0;
      padding: 8px 0;
      font-size: 30px;
      font-weight: 300;
      letter-spacing: 5px;
      text-shadow: 0 0 3px #000;

      &:before {
        content: ' ';
        background: url('../logo.jpg') center;
        background-size: cover;
        display: inline-block;
        position: relative;
        top: 5px;
        margin-right: 25px;
        width: 70px;
        height: 35px;
      }
    }
  }
}
Tweak to logo to look better.
Tweak to logo to look better.
